format

frontend/src/components/stickies.tsx

@@ -7,7 +7,6 @@ import '../styles/stickies.css';
 const Stickies = () => {
   const { data: stickies, isLoading, error } = useGetStickies();
   const { mutate: cluster, data: clusters, isPending } = useClusterStickies();
-   console.log('data, error', stickies, error)
   if (isLoading) return <div>Loading...</div>;
   if (error) return <div>Error: {error.message}</div>;
 

frontend/src/pages/Home.tsx

@@ -5,12 +5,8 @@ import '../styles/home.css'
 const Home = () => {
   return (
     <div>
-     
       <Navbar />
-        
-       
       <Stickies />
-        
     </div>
   );
 };

frontend/src/styles/home.css

@@ -3,23 +3,23 @@
   border: 1px solid #6dd6f4;
   background-color: rgb(92, 0, 91);
   display: flex;
-  }
+}
 
-  .main-head-subbox-right {
+.main-head-subbox-right {
   display: flex;
   justify-content: flex-end;
   margin-right: 34px;
   width: 50%;
-  }
+}
 
-  .main-head-subbox-left {
+.main-head-subbox-left {
   display: flex;
   justify-content: flex-start;
   margin-left: 34px;
   width: 50%;
-  }
+}
 
-  .main-head {
+.main-head {
   font-size: 5rem;
   color: #6dd6f4;
   margin: 6px 0px 24px 22px;
@@ -27,9 +27,9 @@
   font-weight: 500;
   letter-spacing: 4px;
   text-decoration: underline;
-  }
+}
 
-  .material-symbols-outlined {
+.material-symbols-outlined {
   margin: 13px 74px 0px 0px;
   font-size: 82px;
   color: #6dd6f4;
@@ -37,11 +37,10 @@
     'FILL' 0,
     'wght' 300,
     'GRAD' 0,
-    'opsz' 24
-  }
-
-  @media screen and (max-width: 478px) {
+    'opsz' 24;
+}
 
+@media screen and (max-width: 478px) {
   .main-head-subbox-right {
     display: none;
   }
@@ -71,4 +70,4 @@
   .material-symbols-outlined {
     display: none !important;
   }
-  }
+}