Fix bug on main page

src/app/[locale]/page.tsx

@@ -4,6 +4,7 @@ import Image from "next/image";
 import CardImg from "../../../public/assets/Image.png";
 import Arrow from "../../../public/assets/arrow-right.png";
 import { useTranslations } from "next-intl";
+import bg from "../../../public/assets/bg.png";
 
 export default function Home() {
   const t = useTranslations("home");
@@ -11,26 +12,27 @@ export default function Home() {
   return (
     <>
       <Container className="mt-[52px] mb-[21px] max-w-[1280px]">
-        <section
-          className="bg-cover bg-center h-[517px] bg-no-repeat flex justify-center items-center text-white w-full px-5"
-          style={{ background: "url('./assets/bg.png')" }}
-        >
-          <div className="max-w-[943px] text-center">
-            <Title
-              size="md"
-              text={"Transparency International "}
-              className="text-[24px] leading-8"
-            />
-            <Title
-              size="xl"
-              text={"Название проекта "}
-              className="font-extrabold leading-[76px]"
-            />
-            <p className="leading-8">
-              Torem ipsum dolor sit amet, consectetur adipiscing elit. Nunc
-              vulputate libero et velit interdum, ac aliquet odio mattis. Class
-              aptent taciti sociosqu ad litora torquent per conubia nostra
-            </p>
+        <section className="text-white w-full px-5">
+          <div className="flex justify-center relative">
+            <Image src={bg} alt="bg" className="" />
+            <div className="max-w-[943px] text-center absolute top-20 left-15 pt-10">
+              <Title
+                size="md"
+                text={"Transparency International "}
+                className="text-[24px] leading-8"
+              />
+              <Title
+                size="xl"
+                text={"Название проекта "}
+                className="font-extrabold leading-[76px]"
+              />
+              <p className="leading-8">
+                Torem ipsum dolor sit amet, consectetur adipiscing elit. Nunc
+                vulputate libero et velit interdum, ac aliquet odio mattis.
+                Class aptent taciti sociosqu ad litora torquent per conubia
+                nostra
+              </p>
+            </div>
           </div>
         </section>
       </Container>

src/app/[locale]/profile/personal/page.tsx

@@ -11,7 +11,6 @@ import React from "react";
 
 const Personal = async () => {
   const session = await getServerSession(authConfig);
-  console.log(session?.access_token);
   const getProfile = async () => {
     const Authorization = `Bearer ${session?.access_token}`;
     const config = {
@@ -24,6 +23,7 @@ const Personal = async () => {
         "/users/profile/",
         config
       );
+      console.log(response, "res");
       return response.data;
     } catch (error: unknown) {
       if (error instanceof AxiosError) console.log(error.message);

src/widgets/Navbar/Navbar.tsx

@@ -17,12 +17,14 @@ import founded_kg from "./assets/founded-kg.png";
 import { useParams } from "next/navigation";
 import NavAuth from "./NavAuth/NavAuth";
 import { Container } from "@/shared/ui";
+import { useSession } from "next-auth/react";
 
 const Navbar = () => {
+  const session = useSession();
   const pathname = usePathname();
   const [openMenu, setOpenMenu] = useState<boolean>(false);
   const { locale } = useParams();
-
+  console.log(session);
   const FOUNDED: Record<string, StaticImageData> = {
     ru: founded_ru,
     kg: founded_kg,