diff --git a/app/test/page.tsx b/app/test/page.tsx
index 42bc9004..06f3a86e 100644
--- a/app/test/page.tsx
+++ b/app/test/page.tsx
@@ -2,12 +2,19 @@ import { TestSidePanel } from "@/app/test/_components/side-panel/test-side-panel
import { AnimatedColumnGroup } from "@/shared/components/animated-column-group/animated-column-group";
import { AnimatedColumn } from "@/shared/components/animated-column-group/animated-column/animated-column";
+import { SecondaryNavigation } from "@/shared/features/navigation/secondary-navigation/secondary-navigation";
export default function TestPage() {
// TODO UPDATE THIS TO MAKE A COMPONENT
return (
-
TOP NAV
+
CONTENT
diff --git a/shared/features/navigation/primary-menu/primary-menu.tsx b/shared/features/navigation/menu/primary-menu/primary-menu.tsx
similarity index 90%
rename from shared/features/navigation/primary-menu/primary-menu.tsx
rename to shared/features/navigation/menu/primary-menu/primary-menu.tsx
index b856eb88..12a152d2 100644
--- a/shared/features/navigation/primary-menu/primary-menu.tsx
+++ b/shared/features/navigation/menu/primary-menu/primary-menu.tsx
@@ -1,6 +1,6 @@
-import { ItemNav } from "@/design-system/molecules/item-nav";
+import { PrimaryMenuProps } from "shared/features/navigation/menu/primary-menu/primary-menu.types";
-import { PrimaryMenuProps } from "./primary-menu.types";
+import { ItemNav } from "@/design-system/molecules/item-nav";
export function PrimaryMenu({ isFolded }: PrimaryMenuProps) {
return (
diff --git a/shared/features/navigation/primary-menu/primary-menu.types.ts b/shared/features/navigation/menu/primary-menu/primary-menu.types.ts
similarity index 100%
rename from shared/features/navigation/primary-menu/primary-menu.types.ts
rename to shared/features/navigation/menu/primary-menu/primary-menu.types.ts
diff --git a/shared/features/navigation/secondary-menu/secondary-menu.tsx b/shared/features/navigation/menu/secondary-menu/secondary-menu.tsx
similarity index 84%
rename from shared/features/navigation/secondary-menu/secondary-menu.tsx
rename to shared/features/navigation/menu/secondary-menu/secondary-menu.tsx
index db4cb0df..a776abf0 100644
--- a/shared/features/navigation/secondary-menu/secondary-menu.tsx
+++ b/shared/features/navigation/menu/secondary-menu/secondary-menu.tsx
@@ -1,6 +1,6 @@
-import { ItemNav } from "@/design-system/molecules/item-nav";
+import { SecondaryMenuProps } from "shared/features/navigation/menu/secondary-menu/secondary-menu.types";
-import { SecondaryMenuProps } from "./secondary-menu.types";
+import { ItemNav } from "@/design-system/molecules/item-nav";
export function SecondaryMenu({ isFolded }: SecondaryMenuProps) {
return (
diff --git a/shared/features/navigation/secondary-menu/secondary-menu.types.ts b/shared/features/navigation/menu/secondary-menu/secondary-menu.types.ts
similarity index 100%
rename from shared/features/navigation/secondary-menu/secondary-menu.types.ts
rename to shared/features/navigation/menu/secondary-menu/secondary-menu.types.ts
diff --git a/shared/features/navigation/user-menu/user-menu.tsx b/shared/features/navigation/menu/user-menu/user-menu.tsx
similarity index 96%
rename from shared/features/navigation/user-menu/user-menu.tsx
rename to shared/features/navigation/menu/user-menu/user-menu.tsx
index 51fe9644..a23df563 100644
--- a/shared/features/navigation/user-menu/user-menu.tsx
+++ b/shared/features/navigation/menu/user-menu/user-menu.tsx
@@ -1,3 +1,5 @@
+import { UserMenuProps } from "shared/features/navigation/menu/user-menu/user-menu.types";
+
import { useClientBootstrapContext } from "@/core/bootstrap/client-bootstrap-context";
import { Avatar } from "@/design-system/atoms/avatar";
@@ -8,8 +10,6 @@ import { Typo } from "@/design-system/atoms/typo";
import { cn } from "@/shared/helpers/cn";
import { useAuthUser } from "@/shared/hooks/auth/use-auth-user";
-import { UserMenuProps } from "./user-menu.types";
-
export function UserMenu({ isFolded }: UserMenuProps) {
const { user, isLoading } = useAuthUser();
const login = user?.login;
diff --git a/shared/features/navigation/user-menu/user-menu.types.ts b/shared/features/navigation/menu/user-menu/user-menu.types.ts
similarity index 100%
rename from shared/features/navigation/user-menu/user-menu.types.ts
rename to shared/features/navigation/menu/user-menu/user-menu.types.ts
diff --git a/shared/features/navigation/primary-navigation-desktop/primary-navigation-desktop.tsx b/shared/features/navigation/primary-navigation-desktop/primary-navigation-desktop.tsx
index 1bab334c..0182acda 100644
--- a/shared/features/navigation/primary-navigation-desktop/primary-navigation-desktop.tsx
+++ b/shared/features/navigation/primary-navigation-desktop/primary-navigation-desktop.tsx
@@ -5,9 +5,9 @@ import { useState } from "react";
import { Paper } from "@/design-system/atoms/paper";
import { AnimatedColumn } from "@/shared/components/animated-column-group/animated-column/animated-column";
-import { PrimaryMenu } from "@/shared/features/navigation/primary-menu/primary-menu";
-import { SecondaryMenu } from "@/shared/features/navigation/secondary-menu/secondary-menu";
-import { UserMenu } from "@/shared/features/navigation/user-menu/user-menu";
+import { PrimaryMenu } from "@/shared/features/navigation/menu/primary-menu/primary-menu";
+import { SecondaryMenu } from "@/shared/features/navigation/menu/secondary-menu/secondary-menu";
+import { UserMenu } from "@/shared/features/navigation/menu/user-menu/user-menu";
function MenuContainer({ children }: { children: React.ReactNode }) {
return (
diff --git a/shared/features/navigation/secondary-navigation/secondary-navigation.tsx b/shared/features/navigation/secondary-navigation/secondary-navigation.tsx
new file mode 100644
index 00000000..6765c343
--- /dev/null
+++ b/shared/features/navigation/secondary-navigation/secondary-navigation.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { Breadcrumbs } from "@/design-system/atoms/breadcrumbs";
+import { Button } from "@/design-system/atoms/button/variants/button-default";
+import { Icon } from "@/design-system/atoms/icon";
+import { Paper } from "@/design-system/atoms/paper";
+
+import { SecondaryNavigationTypes } from "@/shared/features/navigation/secondary-navigation/secondary-navigation.types";
+
+export function SecondaryNavigation({ iconName, breadcrumbs, onBack }: SecondaryNavigationTypes) {
+ return (
+
+