feat: proto-profile page

src/pages/profile_settings.tsx

@@ -0,0 +1,27 @@
+import Button from "@/components/ui/Button";
+import { FunctionComponent } from "preact";
+import classes from "./profile_settings.module.scss";
+
+const ProfifleSettings: FunctionComponent = () => {
+  return (
+    <div class={classes.container}>
+      <div class={classes.header_block}>
+        {/* Вынести классы в стили */}
+        <div class="flex aspect-square h-full flex-col items-center justify-center rounded-md border">Аватар</div>
+        <div class={classes.header_block__name}>
+          <p class="text-5xl font-semibold">Никнейм</p>
+          <p class="text-2xl font-light">Статус</p>
+        </div>
+      </div>
+      <div class={classes.settings_block}>
+        <div class="flex w-[300px] flex-col gap-10">
+          <Button>Сменить тему</Button>
+          <Button>Настройки</Button>
+          <Button color="secondary">Выйти</Button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProfifleSettings;