update chart && remove tracker dataset

src/routes/+layout.svelte

@@ -653,6 +653,7 @@
                 </Accordion.Root>
               </div>
 
+              <!--
               <div class="flex flex-row items-center w-full">
                 <Accordion.Root class="w-full">
                   <Accordion.Item value="item-1">
@@ -703,25 +704,14 @@
                             >
                           </Button>
 
-                          <!--
+        
-                          <Button
-                            builders={[builder]}
-                            type="submit"
-                            class="w-full dark:bg-[#18181B]"
-                          >
-                            <a
-                              href="/sentiment-tracker"
-                              class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
-                              >Sentiment Tracker</a
-                            >
-                          </Button>
-                          -->
                         </div>
                       </Sheet.Close>
                     </Accordion.Content>
                   </Accordion.Item>
                 </Accordion.Root>
               </div>
+              -->
 
               <div class="flex flex-row items-center w-full">
                 <Accordion.Root class="w-full">
@@ -1166,6 +1156,7 @@
                   </Accordion.Root>
                 </div>
 
+                <!--
                 <div class="flex flex-row items-center ml-9 w-full mt-3">
                   <Accordion.Root class="w-full">
                     <Accordion.Item value="item-1">
@@ -1197,18 +1188,13 @@
                             >POTUS Tracker</a
                           >
 
-                          <!--
+                        
-                          <a
-                            href="/sentiment-tracker"
-                            class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
-                            >Sentiment Tracker</a
-                          >
-                            -->
                         </div>
                       </Accordion.Content>
                     </Accordion.Item>
                   </Accordion.Root>
                 </div>
+                -->
 
                 <div class="flex flex-row items-center ml-9 w-full mt-3">
                   <Accordion.Root class="w-full">

src/routes/markdown-guide/+page.svelte

@@ -1,106 +0,0 @@
-<script>
-  import { numberOfUnreadNotification } from "$lib/store";
-</script>
-
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Markdown
-    Guide · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta
-    name="description"
-    content="Markdown Guide to Post on Stocknear Community Page"
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Markdown Guide · Stocknear" />
-  <meta
-    property="og:description"
-    content="Markdown Guide to Post on Stocknear Community Page"
-  />
-  <meta property="og:type" content="website" />
-  <!-- Add more Open Graph meta tags as needed -->
-
-  <!-- Twitter specific meta tags -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="Markdown Guide · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="Markdown Guide to Post on Stocknear Community Page"
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
-
-<section
-  class="w-full max-w-4xl overflow-hidden m-auto min-h-screen pt-10 pb-40 px-3"
->
-  <!--  
-    <div class="text-sm breadcrumbs ml-4">
-      <ul>
-        <li><a href="/" class="text-muted dark:text-gray-300">Home</a></li> 
-        <li class="text-muted dark:text-gray-300">Markdown Guide</li>
-      </ul>
-    </div>
-    -->
-
-  <h1 class="text-white text-2xl sm:text-3xl font-bold mb-3">Markdown Guide</h1>
-
-  <span class="text-white">
-    We use <a
-      href="https://en.wikipedia.org/wiki/Markdown"
-      rel="noopener noreferrer"
-      target="_blank"
-      class="text-blue-400 sm:hover:text-white">Markdown</a
-    > to format posts and comments on Stocknear. We support CommonMark and Github
-    Flavored Markdown (with the exception of image tags and raw HTML).
-  </span>
-
-  <div class="w-full m-auto mt-10 bg-default rounded-md">
-    <table class="table table-sm table-compact h-full w-full text-white">
-      <tbody class="">
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Heading</td>
-          <td class="text-md sm:text-lg font-semibold"># heading</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Bold</td>
-          <td class="text-md sm:text-lg font-semibold">**bold text**</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Italic</td>
-          <td class="text-md sm:text-lg font-semibold">*italic text*</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">List</td>
-          <td class="text-md font-semibold">- Item 1 <br />- Item 2</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Ordered list</td>
-          <td class="text-md font-semibold">1. Item 1<br />2. Item 2</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Inline code</td>
-          <td class="text-md sm:text-lg font-semibold">`some inline code`</td>
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Code block</td>
-          <td class="text-md sm:text-lg font-semibold"
-            >```<br />some code here<br />```</td
-          >
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Link</td>
-          <td class="text-md sm:text-lg font-semibold"
-            >[link-text](https://en.wikipedia.org)</td
-          >
-        </tr>
-        <tr>
-          <td class="text-md sm:text-lg font-semibold">Blockquote</td>
-          <td class="text-md sm:text-lg font-semibold">&gt; blockquote</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</section>

src/routes/market-flow/+page.svelte

@@ -326,12 +326,14 @@
         },
         labels: {
           style: { color: $mode === "light" ? "black" : "white" },
-          distance: 20, // Increases space between label and axis
+          distance: 10, // Increases space between label and axis
           formatter: function () {
-            return new Date(this.value).toLocaleTimeString("en-US", {
+            const date = new Date(this?.value);
-              hour: "2-digit",
+            const timeString = date?.toLocaleTimeString("en-US", {
-              minute: "2-digit",
+              hour: "numeric",
+              hour12: true,
             });
+            return `<span class="text-xs">${timeString.replace(/\s/g, " ")}</span>`;
           },
         },
         tickPositioner: function () {

src/routes/market-flow/sector-flow/+page.svelte

@@ -350,15 +350,15 @@
           dashStyle: "Solid",
         },
         labels: {
-          style: {
+          style: { color: $mode === "light" ? "black" : "white" },
-            color: $mode === "light" ? "#545454" : "white",
+          distance: 10, // Increases space between label and axis
-          },
-          distance: 20, // Increases space between label and axis
           formatter: function () {
-            return new Date(this.value).toLocaleTimeString("en-US", {
+            const date = new Date(this?.value);
-              hour: "2-digit",
+            const timeString = date?.toLocaleTimeString("en-US", {
-              minute: "2-digit",
+              hour: "numeric",
+              hour12: true,
             });
+            return `<span class="text-xs">${timeString.replace(/\s/g, " ")}</span>`;
           },
         },
         tickPositioner: function () {
@@ -516,7 +516,9 @@
                     findLastNonNull(marketTideData, "time"),
                   )}
                 </div>
-                <div class="relative inline-block text-left w-fit mb-3 sm:mb-0">
+                <div
+                  class="relative inline-block text-left w-fit mb-3 sm:mb-0 shadow-sm"
+                >
                   <DropdownMenu.Root>
                     <DropdownMenu.Trigger asChild let:builder>
                       <Button