refactor(FE): Refactor ClosingDetail component to use tab store

src/stores/closing/closing-tab.store.ts

@@ -0,0 +1,21 @@
+'use client';
+
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import {
+  createClosingTabSlice,
+  ClosingTabSlice,
+} from '@/stores/closing/slices/closing-tab.slice';
+
+export type ClosingTabStore = ClosingTabSlice;
+
+export const useClosingTabStore = create<ClosingTabStore>()(
+  devtools(
+    (...args) => ({
+      ...createClosingTabSlice(...args),
+    }),
+    {
+      name: 'ClosingTabStore',
+    }
+  )
+);

src/stores/closing/slices/closing-tab.slice.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { StateCreator } from 'zustand';
+
+export type ClosingTabSlice = {
+  // State - actions per tab ID
+  tabActions: Record<string, ReactNode>;
+
+  // Actions
+  setTabActions: (tabId: string, actions: ReactNode) => void;
+  clearTabActions: (tabId: string) => void;
+  clearAllTabActions: () => void;
+};
+
+export const createClosingTabSlice: StateCreator<
+  ClosingTabSlice,
+  [],
+  [],
+  ClosingTabSlice
+> = (set) => ({
+  tabActions: {},
+
+  setTabActions: (tabId, actions) =>
+    set((state) => ({
+      tabActions: {
+        ...state.tabActions,
+        [tabId]: actions,
+      },
+    })),
+
+  clearTabActions: (tabId) =>
+    set((state) => {
+      const { [tabId]: _, ...rest } = state.tabActions;
+      return { tabActions: rest };
+    }),
+
+  clearAllTabActions: () => set({ tabActions: {} }),
+});