feat(FE-438): Add Uniformity detail view and navigation

src/app/uniformity/add/page.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import UniformityForm from '@/components/pages/uniformity/form/UniformityForm';
 
 const AddUniformity = () => {

src/app/uniformity/detail/page.tsx

@@ -0,0 +1,47 @@
+'use client';
+
+import UniformityDetail from '@/components/pages/uniformity/detail/UniformityDetail';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { UniformityApi } from '@/services/api/uniformity';
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+const UniformityDetailPage = () => {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  const uniformityId = searchParams.get('uniformityId');
+
+  const { data: uniformity, isLoading: isLoadingUniformity } = useSWR(
+    uniformityId,
+    (id: string) => UniformityApi.getUniformityDetail(parseInt(id))
+  );
+
+  if (!uniformityId) {
+    router.back();
+
+    return (
+      <div className='w-full flex flex-row justify-center items-center p-4'>
+        <span className='loading loading-spinner loading-xl' />
+      </div>
+    );
+  }
+
+  if (!isLoadingUniformity && (!uniformity || isResponseError(uniformity))) {
+    router.replace('/404');
+    return;
+  }
+
+  return (
+    <div className='w-full h-full flex flex-col justify-center'>
+      {isLoadingUniformity && (
+        <span className='loading loading-spinner loading-xl' />
+      )}
+      {isResponseSuccess(uniformity) && (
+        <UniformityDetail initialValues={uniformity.data} />
+      )}
+    </div>
+  );
+};
+
+export default UniformityDetailPage;

src/app/uniformity/page.tsx

@@ -1,5 +1,7 @@
+import UniformityTable from '@/components/pages/uniformity/UniformityTable';
+
 const Uniformity = () => {
-  return <></>;
+  return <UniformityTable />;
 };
 
 export default Uniformity;