migrate site id to varchar instead of int

context/FarmContext.tsx

@@ -8,7 +8,7 @@ type FarmContextValue = {
   kandangs: Kandang[];
   flocks: Flock[];
   cycles: Cycle[];
-  selectedSiteId: number | null;
+  selectedSiteId: string | null;
   selectedKandangId: number | null;
   selectedCycleId: number | null;
   selectedSite: Site | null;
@@ -16,7 +16,7 @@ type FarmContextValue = {
   selectedCycle: Cycle | null;
   loading: boolean;
   error: string | null;
-  setSelectedSiteId: (id: number | null) => void;
+  setSelectedSiteId: (id: string | null) => void;
   setSelectedKandangId: (id: number | null) => void;
   setSelectedCycleId: (id: number | null) => void;
   reload: () => Promise<void>;
@@ -31,7 +31,7 @@ export const FarmProvider: React.FC<{ children: React.ReactNode }> = ({ children
   const [kandangs, setKandangs] = useState<Kandang[]>([]);
   const [flocks, setFlocks] = useState<Flock[]>([]);
   const [cycles, setCycles] = useState<Cycle[]>([]);
-  const [selectedSiteId, setSelectedSiteId] = useState<number | null>(null);
+  const [selectedSiteId, setSelectedSiteId] = useState<string | null>(null);
   const [selectedKandangId, setSelectedKandangId] = useState<number | null>(null);
   const [selectedCycleId, setSelectedCycleId] = useState<number | null>(null);
   const [loading, setLoading] = useState(false);