✨ Add basic graphql API using strawberry 🍓

✨ Add allProducts query

frontend/src/App.tsx

@@ -1,43 +1,13 @@
-import { useState } from 'react'
-import logo from './brick.svg'
-import './App.css'
+import React from 'react'
+
+import logo from './assets/brick.svg';
+
+import styles from './App.module.css'
 
 function App() {
-  const [count, setCount] = useState(0)
-
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>Hello Vite + React!</p>
-        <p>
-          <button type="button" onClick={() => setCount((count) => count + 1)}>
-            count is: {count}
-          </button>
-        </p>
-        <p>
-          Edit <code>App.tsx</code> and save to test HMR updates.
-        </p>
-        <p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-          {' | '}
-          <a
-            className="App-link"
-            href="https://vitejs.dev/guide/features.html"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Vite Docs
-          </a>
-        </p>
-      </header>
+    <div className={styles.app}>
+        <img src={logo} className={styles.logo} alt="logo" />
     </div>
   )
 }