feat(FE-invalidate-mutation): Refactor SWR keys for recording detail

pages and add cache invalidation

src/components/pages/production/recording/form/RecordingForm.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 
 import { useFormik } from 'formik';
-import useSWR from 'swr';
+import useSWR, { useSWRConfig } from 'swr';
 
 import { Icon } from '@iconify/react';
 import Button from '@/components/Button';
@@ -183,6 +183,7 @@ const productionStandardColumns: ColumnDef<StandardDetails>[] = [
 const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
   // ===== HOOKS & ROUTER =====
   const router = useRouter();
+  const { mutate } = useSWRConfig();
 
   // ===== STATE MANAGEMENT =====
   const [selectedRecordDate, setSelectedRecordDate] = useState<string>(
@@ -319,11 +320,12 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
         setRecordingFormErrorMessage(res.message);
         return;
       }
+      await mutate(['recording-detail', recordingId.toString()]);
       toast.success(res?.message as string);
       router.refresh();
       router.push('/production/recording');
     },
-    [router]
+    [mutate, router]
   );
 
   const deleteRecordingClickHandler = useCallback(() => {