feat(secret-approval): implemented frontend ui for secret policies

frontend/src/views/SecretApprovalPage/SecretApprovalPage.tsx

@@ -0,0 +1,31 @@
+import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
+import { useWorkspace } from "@app/context";
+
+import { SecretApprovalPolicyList } from "./components/SecretApprovalPolicyList";
+
+enum TabSection {
+  ApprovalRequests = "approval-requests",
+  Rules = "approval-rules"
+}
+
+export const SecretApprovalPage = () => {
+  const { currentWorkspace } = useWorkspace();
+  const workspaceId = currentWorkspace?._id || "";
+
+  return (
+    <div className="container mx-auto bg-bunker-800 text-white w-full h-full">
+      <div className="my-6">
+        <p className="text-3xl font-semibold text-gray-200">Admin Panels</p>
+      </div>
+      <Tabs defaultValue={TabSection.ApprovalRequests}>
+        <TabList>
+          <Tab value={TabSection.ApprovalRequests}>Secret PRs</Tab>
+          <Tab value={TabSection.Rules}>Policies</Tab>
+        </TabList>
+        <TabPanel value={TabSection.Rules}>
+          <SecretApprovalPolicyList workspaceId={workspaceId} />
+        </TabPanel>
+      </Tabs>
+    </div>
+  );
+};