Add Grommet and Styled Components

src/components/App.tsx

@@ -1,10 +1,21 @@
 import React from 'react';
+import { Grommet } from 'grommet';
+
+const theme = {
+  global: {
+    font: {
+      family: 'Roboto',
+      size: '18px',
+      height: '20px',
+    },
+  },
+};
 
 function App() {
 	return (
-		<>
+		<Grommet theme={theme}>
 			<h1>Spoti Search</h1>
-		</>
+		</Grommet>
 	);
 }