navbar fix

src/routes/stocks/[tickerID]/+layout.svelte

@@ -104,6 +104,7 @@ function handleTypeOfTrade(state:string)
       options: "/options",
       dividends: "/dividends",
       statistics: "/statistics",
+      metrics: "metrics",
       forecast: "/forecast",
       financials: "/financials",
       news: "/news",
@@ -754,13 +755,10 @@ function handleTypeOfTrade(state:string)
 
                     <!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]"  style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
                     <div
-                      class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth <
-                      640
-                        ? 'overflow-auto scrollbar '
-                        : ''} mb-2"
+                      class="-ml-2 sm:ml-4 w-screen sm:w-full overflow-x-scroll mb-2"
                     >
                       <ul
-                        class="pr-4 sm:pr-0 w-screen overflow-x-scroll font-medium flex flex-row items-center bg-[#09090B] space-x-3 rtl:space-x-reverse py-2"
+                        class="pr-4 w-fit overflow-x-scroll font-medium flex flex-row items-center bg-[#09090B] space-x-3 rtl:space-x-reverse py-2"
                       >
                         <li class="cursor-pointer flex flex-col items-center">
                           <a

src/routes/stocks/[tickerID]/dividends/+layout.svelte

@@ -0,0 +1,11 @@
+<section
+  class="w-full max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
+>
+  <div class="h-full overflow-hidden">
+    <main class="w-full">
+      <div class="sm:ml-8 w-screen mb-2"></div>
+    </main>
+
+    <slot />
+  </div>
+</section>

src/routes/stocks/[tickerID]/options/+layout.svelte

@@ -0,0 +1,11 @@
+<section
+  class="w-full max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
+>
+  <div class="h-full overflow-hidden">
+    <main class="w-full">
+      <div class="sm:ml-8 w-screen mb-2"></div>
+    </main>
+
+    <slot />
+  </div>
+</section>

src/routes/stocks/[tickerID]/statistics/+page.svelte

@@ -117,11 +117,11 @@ updateYearRange()
 </svelte:head>
 
 <section class="text-white w-full">
-  <div class="sm:p-7 m-auto mt-7 sm:mt-0">
+  <div class="sm:pb-7 sm:pt-7 sm:pl-7 m-auto mt-7 sm:mt-0">
     <div class="mb-6">
       {#if Object?.keys(quantStats)?.length !== 0}
         <div
-          class="space-y-5 xs:space-y-6 lg:grid xl:grid-cols-2 xl:space-x-10 lg:space-y-0"
+          class="space-y-5 xs:space-y-6 lg:grid 2xl:grid-cols-2 lg:space-x-6 2xl:space-x-10 lg:space-y-0"
         >
           <div class="flex flex-col space-y-5 xs:space-y-6 lg:space-y-8">
             <div