mobile header styled + refactoring + our strory section on company

src/components/header/Navbar/NavbarMobile.tsx

@@ -1,23 +1,17 @@
-import { tabs } from "../../../consts/tabs";
 import { Tab } from "../../../types/tab";
-import NavbarTab from "../NavbarTab";
+import NavbarTabMobile from "./NavbarTabMobile";
 
 interface NavbarProps {
-  selectedTab: Tab | null;
   onTabClick: (tab: Tab) => void;
+  tabs: Tab[];
 }
 
-const NavbarMobile = ({ selectedTab, onTabClick }: NavbarProps) => (
+const NavbarMobile = ({ onTabClick, tabs }: NavbarProps) => (
   <nav
-    className={`text-[#73787C] self-center justify-center flex w-full flex-col items-center`}
+    className={`text-[#73787C] flex w-full flex-col bg-white rounded-lg px-4`}
   >
     {tabs.map((tab) => (
-      <NavbarTab
-        key={tab.id}
-        tab={tab}
-        isSelected={selectedTab?.id === tab.id}
-        onClick={onTabClick}
-      />
+      <NavbarTabMobile key={tab.id} tab={tab} onClick={onTabClick} />
     ))}
   </nav>
 );