feat: menu styles

src/components/menu.module.scss

@@ -1,9 +1,9 @@
 @reference "../index.scss";
 
 .menu_container {
-  @apply flex min-h-8 min-w-screen flex-col items-center gap-4 border-l border-l-gray-500 px-5 pt-5 md:min-h-screen md:min-w-[300px];
+  @apply fixed bottom-0 flex min-h-8 min-w-screen flex-row items-center gap-1 border-t border-t-gray-500 bg-white px-1 py-5 md:relative md:min-h-screen md:min-w-[300px] md:flex-col md:gap-4 md:border-t-0 md:border-l md:border-l-gray-500 md:px-5;
 }
 
 .menu_item {
-  @apply w-full cursor-pointer rounded-md px-6 py-2 text-center hover:bg-gray-200;
+  @apply w-full cursor-pointer rounded-md px-3 py-2 text-center hover:bg-gray-200 md:px-6;
 }

src/components/menu.tsx

@@ -39,15 +39,15 @@ const Menu: FunctionComponent = () => {
   const menu_items: MenuItems[] = [
     {
       title: "Профиль",
-      link: "/profile",
+      link: "/profile/settings",
     },
     {
       title: "Задачи",
-      link: "/tasks",
+      link: "/profile/tasks",
     },
     {
       title: "Календарь",
-      link: "/calendar",
+      link: "/profile/calendar",
     },
   ];
   return (