fix: profile lifting

src/routes/-/RootLayout/components/Header/components/Profile/Profile.module.css

@@ -12,9 +12,6 @@
     gap: 2px;
   }
 
-  .left {
-  }
-
   .avatar {
     position: relative;
     display: flex;
@@ -57,10 +54,4 @@
     display: flex;
     flex-direction: column;
   }
-
-  .rightTop {
-  }
-
-  .rightBottom {
-  }
 }

src/routes/-/RootLayout/components/Header/components/Profile/Profile.tsx

@@ -1,3 +1,4 @@
+import { useState } from "react";
 import classes from "./Profile.module.css";
 import { motion } from "motion/react";
 import { Liftable } from "@components/lift";
@@ -5,6 +6,9 @@ import { useTelegramUser } from "@/tg";
 
 export default function Profile() {
   const user = useTelegramUser();
+
+  const [satue, setSatue] = useState(1);
+
   return (
     <Liftable always>
       <motion.div
@@ -20,9 +24,13 @@ export default function Profile() {
             </div>
           </div>
         </div>
-        <div className={classes.right}>
-          <div className={classes.rightTop} />
-          <div className={classes.rightBottom} />
+        <div>
+          {satue}
+          <button onClick={() => setSatue((v) => v + 1)}>+</button>
+          <button onClick={() => setSatue((v) => v - 1)}>-</button>
+
+          <div />
+          <div />
         </div>
       </motion.div>
     </Liftable>

src/routes/-/RootLayout/components/Header/components/Settings/Settings.module.css

@@ -1,6 +1,5 @@
 @layer base {
   .settings {
-    margin-left: auto;
     width: 80px;
     height: 50px;
     display: flex;