first commit

frontend/app/main/layout.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { RenderSidebarNav } from "ikoncomponents/dist/ikoncomponents/main-layout/nav-main";
+import { Home, Presentation, Settings } from "lucide-react";
+
+export default function MainLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const navMain = [
+    { title: "Dashboard", url: "/main/overview/dashboard", icon: Home },
+    { title: "Projects", url: "/main/planning/projects", icon: Presentation },
+    {
+      title: "Configuration",
+      url: "/main/configuration",
+      icon: Settings,
+      default: true,
+      items: [
+        // { title: "Integration", url: "/main/configuration/integration" },
+        { title: "FX Rate", url: "/main/configuration/fx-rate" },
+        { title: "Working Days", url: "/main/configuration/office-details" },
+        { title: "Company Data", url: "/main/configuration/company-data" },
+        { title: "Employee Data", url: "/main/configuration/employee-data" },
+        // {
+        //   title: "Employee Details",
+        //   url: "/main/configuration/employee-data",
+        // },
+        // {
+        //   title: "Office Details",
+        //   url: "/main/configuration/office-details",
+        // },
+        // {
+        //   title: "FX Rate",
+        //   url: "/main/configuration/fx-rate",
+        // },
+        // {
+        //   title: "Company Data",
+        //   url: "/main/configuration/company-data",
+        // },
+        // {
+        //   title: "Dynamic Products",
+        //   url: "/main/configuration/dynamic-products",
+        // },
+      ],
+    },
+  ];
+
+  return (
+    <div className="flex">
+      <RenderSidebarNav items={navMain} />
+      <main className="flex-1">{children}</main>
+    </div>
+  );
+}