Fix Formatting

src/App.css

@@ -1,14 +1,13 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");
 
 @import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");
 
 .App {
   text-align: center;
   font-family: quicksand, arial;
-
 }
 
 .App-logo {

src/App.js

@@ -29,15 +29,15 @@ function App() {
     <div className="App">
       <QueryClientProvider client={queryClient}>
         <BrowserRouter>
-      <Routes>
+          <Routes>
-        <Route path="/" element={<MainPage />} />
+            <Route path="/" element={<MainPage />} />
-        <Route path="endpage" element={<EndPage />} />
+            <Route path="endpage" element={<EndPage />} />
-        <Route path="liste" element={<Listenansicht />} />
+            <Route path="liste" element={<Listenansicht />} />
-        <Route path="registrierung" element={<Registrierung />} />
+            <Route path="registrierung" element={<Registrierung />} />
-        <Route path="anmeldung" element={<Anmeldepage />} />
+            <Route path="anmeldung" element={<Anmeldepage />} />
-        <Route path="warenkorb" element={<Warenkorb />} />
+            <Route path="warenkorb" element={<Warenkorb />} />
-      	</Routes>
+          </Routes>
-    	</BrowserRouter>
+        </BrowserRouter>
       </QueryClientProvider>
     </div>
   );

src/Pages/listenansicht.jsx

@@ -40,7 +40,7 @@ function Listenansicht(props) {
       </div>
       {listen}
       <div class="flex justify-end ">
-      		<ButtonPrimary name="Restaurants"></ButtonPrimary>
+        <ButtonPrimary name="Restaurants"></ButtonPrimary>
         <Link to="/warenkorb">
           <ButtonPrimary name="Warenkorb"></ButtonPrimary>
         </Link>

src/Pages/mainpage.jsx

@@ -23,7 +23,9 @@ function MainPage() {
   return (
     <div>
       <Header1 />
-      <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4" href="/liste">{listen}</div>
+      <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4" href="/liste">
+        {listen}
+      </div>
     </div>
   );
 }