feat(FE): Persist Recording search across navigation

src/stores/table/slices/table.slice.ts

@@ -0,0 +1,25 @@
+import { StateCreator } from 'zustand';
+
+export interface TableState {
+  searchValue: string;
+}
+
+export interface TableSlice {
+  searchValue: string;
+  setSearchValue: (value: string) => void;
+  resetSearchValue: () => void;
+}
+
+export const createTableSlice: StateCreator<TableSlice, [], [], TableSlice> = (
+  set
+) => ({
+  // Initial state
+  searchValue: '',
+
+  // Actions
+  setSearchValue: (value) => set({ searchValue: value }),
+
+  resetSearchValue: () => {
+    return set({ searchValue: '' });
+  },
+});

src/stores/table/table.store.ts

@@ -0,0 +1,27 @@
+'use client';
+
+import { create } from 'zustand';
+import { devtools, persist } from 'zustand/middleware';
+import { createTableSlice } from '@/stores/table/slices/table.slice';
+import type { TableSlice } from '@/stores/table/slices/table.slice';
+
+export type TableStore = TableSlice;
+
+export const useTableStore = create<TableStore>()(
+  devtools(
+    persist(
+      (...args) => ({
+        ...createTableSlice(...args),
+      }),
+      {
+        name: 'table-cache',
+        partialize: (state) => ({
+          searchValue: state.searchValue,
+        }),
+      }
+    ),
+    {
+      name: 'TableStore',
+    }
+  )
+);