feat(silo): added in charts and historical data

frontend/src/components/logistics/siloAdjustments/SiloCard.tsx

@@ -12,11 +12,13 @@ import {
 import { getStockSilo } from "@/utils/querys/logistics/siloAdjustments/getStockSilo";
 import { useForm } from "@tanstack/react-form";
 import { useQuery } from "@tanstack/react-query";
+import { Link } from "@tanstack/react-router";
 import axios from "axios";
 import { format } from "date-fns";
 import { CircleAlert } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
+import ChartData from "./ChartData";
 
 export default function SiloCard(data: any) {
     const token = localStorage.getItem("auth_token");
@@ -183,9 +185,17 @@ export default function SiloCard(data: any) {
                         )}
                     </div>
                 </LstCard>
-                <div className="grow max-w-[400px]">
-                    <LstCard className="m-1 ">charts go here</LstCard>
-                    <LstCard className="m-1">extra options here</LstCard>
+                <div className="grow max-w-[600px]">
+                    <ChartData laneId={silo.LocationID} />
+
+                    <div className="flex justify-end m-1">
+                        <Link
+                            to={"/siloAdjustments/$hist"}
+                            params={{ hist: silo.LocationID }}
+                        >
+                            Historical Data
+                        </Link>
+                    </div>
                 </div>
             </div>
         </LstCard>