feat: implement sparkline charts for stock history with updated intervals.

Author: DigHuang

frontend/src/app/home/components/stock-history-chart.tsx

@@ -101,7 +101,7 @@ export const StockHistoryChart = ({
         </TabsList>
       </Tabs>
       {isLoading ? (
-        <div className="flex h-[500px] items-center justify-center">
+        <div className="flex h-[300px] items-center justify-center">
           <div className="text-muted-foreground">Loading...</div>
         </div>
       ) : (

frontend/src/app/home/stock.tsx

@@ -59,7 +59,7 @@ function Stock() {
   }
 
   return (
-    <div className="flex flex-col gap-8 bg-white px-8 py-6">
+    <div className="flex h-full flex-col gap-8 bg-white px-8 py-6">
       <div className="flex flex-col gap-4">
         <BackButton />
         <div className="flex items-center gap-2">

frontend/src/components/valuecell/charts/sparkline.tsx

@@ -56,7 +56,7 @@ function Sparkline({
         bottom: 0,
       },
       xAxis: {
-        type: "time",
+        type: "category",
         show: false,
         axisLabel: {
           show: false,