feat: authorization

services/frontend/src/widgets/auth-layout.tsx

@@ -0,0 +1,17 @@
+import { useUserStore } from "@/shared/stores/user";
+import React from "react";
+import { Outlet } from "react-router";
+
+export const AuthLayout = () => {
+  const fetchUser = useUserStore((state) => state.fetchUser);
+
+  React.useEffect(() => {
+    async function fetchData() {
+      await fetchUser();
+    }
+
+    fetchData();
+  }, []);
+
+  return <Outlet />;
+};

services/frontend/src/widgets/navbar-layout.tsx

@@ -5,8 +5,10 @@ const NavbarLayout = () => {
   return (
     <>
       <Header />
-      <div className="m-auto mt-6 w-full max-w-5xl">
-        <Outlet />
+      <div className="px-4 sm:px-6">
+        <div className="m-auto mt-6 w-full max-w-5xl">
+          <Outlet />
+        </div>
       </div>
     </>
   );