feat(FE-316): Add Uniformity page components

src/components/pages/uniformity/UniformityTable.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import Button from '@/components/Button';
+import UniformityChart from '@/components/pages/uniformity/UniformityChart';
+import UniformityStat from '@/components/pages/uniformity/UniformityStat';
+import { Icon } from '@iconify/react';
+
+const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
+  return (
+    <>
+      <section className='[&_button]:w-full [&_button]:sm:w-fit [&_button]:last:mt-2 [&_button]:last:sm:mt-0 sm:flex sm:justify-between grid grid-cols-1 sm:gap-0 gap-2'>
+        <Button color='primary' href='/uniformity/add'>
+          <Icon icon='ic:round-plus' width={18} height={18} />
+          Add Uniformity
+        </Button>
+
+        <div className='sm:flex gap-2'>
+          <Button variant='outline'>
+            <Icon icon='heroicons:funnel' width={18} height={18} />
+            Filter
+          </Button>
+
+          <Button variant='outline'>
+            <Icon icon='heroicons:cloud-arrow-down' width={18} height={18} />
+            Export
+          </Button>
+        </div>
+      </section>
+
+      <div className='my-4 divider'></div>
+
+      <section>
+        <UniformityStat />
+      </section>
+
+      <div className='my-4'></div>
+
+      <section>
+        <UniformityChart />
+      </section>
+
+      <section>
+        <div>Uniformity Table Component</div>
+      </section>
+    </>
+  );
+};
+
+export default UniformityTable;