tadd select component

state/use-fish.ts

@@ -2,7 +2,7 @@ import { queryFish } from "@/controller/FishController";
 import { create } from "zustand";
 
 type Fish = {
-  fishSpecies: Model.FishSpeciesResponse | null;
+  fishSpecies: Model.FishSpeciesResponse[] | null;
   getFishSpecies: () => Promise<void>;
   error: string | null;
   loading?: boolean;
@@ -13,7 +13,7 @@ export const useFishes = create<Fish>((set) => ({
   getFishSpecies: async () => {
     try {
       const response = await queryFish();
-      console.log("Fish fetching API");
+      console.log("Fish fetching API: ", response.data.length);
 
       set({ fishSpecies: response.data, loading: false });
     } catch (error) {