🚨 Lint styles

frontend/src/App.tsx

@@ -15,9 +15,7 @@ const App: React.FC = () => (
     <Router>
       <ToastProvider>
         <Header />
-        <div className={styles.app}>
+        <div className={styles.app}></div>
-          <Routes />
-        </div>
         <Toast />
       </ToastProvider>
     </Router>

frontend/src/components/Header.module.css

@@ -1,10 +1,10 @@
 .logo {
+  position: relative;
+  top: -1px;
   display: inline-block;
   width: 24px;
   height: 24px;
   margin: 0 8px;
-  position: relative;
-  top: -1px
 }
 
 .navIcon {

frontend/src/components/ProductCard.module.css

@@ -1,35 +1,35 @@
 .product {
   display: flex;
+  overflow: hidden;
   flex-direction: column;
-    justify-content: center;
   align-items: center;
-    background: transparent;
+  justify-content: center;
   border: 4px solid transparent;
+  background: transparent;
   border-radius: 8px;
   transition: background-color 0.1s ease-out, border 0.1s ease-out;
-    overflow: hidden;
 }
 .product:hover {
-    background: rgba(0, 0, 0, 0.1);
   border-color: rgba(25, 135, 84, 0.6);
+  background: rgba(0, 0, 0, 0.1);
 }
 .active {
-    background: rgba(25, 135, 84, 0.2);
   border-color: rgba(25, 135, 84, 0.6);
+  background: rgba(25, 135, 84, 0.2);
 }
 .active:hover {
   background: rgba(25, 135, 84, 0.2);
 }
 .productText {
   position: absolute;
-    background: rgba(0, 0, 0, 0.6);
+  right: 0;
-    color: white;
-    font-weight: bold;
-    padding: 4px;
   bottom: 0;
   left: 0;
-    right: 0;
+  padding: 4px;
+  background: rgba(0, 0, 0, 0.6);
   border-radius: 8px;
+  color: white;
+  font-weight: bold;
 }
 .productImage {
   width: 140px;
@@ -41,15 +41,15 @@
   height: 140px;
 }
 .amount {
-    font-weight: bold;
-    font-size: 2rem;
   position: absolute;
   top: 0px;
   left: 0px;
-    background: rgba(0, 0, 0, 0.6);
-    color: white;
-    border-radius: 8px;
   padding: 4px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+  color: white;
+  font-size: 2rem;
+  font-weight: bold;
   line-height: 1;
 }
 .wrap {

frontend/src/components/Toast.module.css

@@ -1,5 +1,5 @@
 .toast {
   position: absolute;
-  bottom: 32px;
   right: 32px;
+  bottom: 32px;
 }

frontend/src/components/UserCard.module.css

@@ -3,31 +3,31 @@
   flex-direction: column;
   align-items: center;
   padding: 4px;
-    background: transparent;
   border: 3px solid transparent;
+  background: transparent;
   border-radius: 8px;
   transition: background-color 0.1s ease-out, border 0.1s ease-out;
 }
 .user:hover {
-    background: rgba(0, 0, 0, 0.1);
   border-color: rgba(25, 135, 84, 0.6);
+  background: rgba(0, 0, 0, 0.1);
 }
 .active {
-    background: rgba(25, 135, 84, 0.2);
   border-color: rgba(25, 135, 84, 0.6);
+  background: rgba(25, 135, 84, 0.2);
 }
 .active:hover {
   background: rgba(25, 135, 84, 0.2);
 }
 .avatar {
-    border-radius: 50px;
-    height: 50px;
   width: 50px;
+  height: 50px;
+  border-radius: 50px;
 }
 .avatar svg {
-    color: #ccc;
-    height: 50px;
   width: 50px;
+  height: 50px;
+  color: #ccc;
 }
 .name {
   font-weight: bold;

frontend/src/features/register/Register.module.css

@@ -19,10 +19,10 @@
 
 .total {
   display: inline-block;
-    margin-right: 8px;
-    padding: 4px 8px;
-    font-size: 1.8rem;
-    color: white;
-    background: black;
   min-width: 200px;
+  padding: 4px 8px;
+  margin-right: 8px;
+  background: black;
+  color: white;
+  font-size: 1.8rem;
 }