implemented

frontend/app/page.test.tsx

@@ -22,6 +22,9 @@ const mockLogout = vi.fn();
 const mockHasPermission = vi.fn((permission: string) => 
   mockUser?.permissions.includes(permission) ?? false
 );
+const mockHasRole = vi.fn((role: string) => 
+  mockUser?.roles.includes(role) ?? false
+);
 
 vi.mock("./auth-context", () => ({
   useAuth: () => ({
@@ -29,6 +32,7 @@ vi.mock("./auth-context", () => ({
     isLoading: mockIsLoading,
     logout: mockLogout,
     hasPermission: mockHasPermission,
+    hasRole: mockHasRole,
   }),
   Permission: {
     VIEW_COUNTER: "view_counter",
@@ -51,6 +55,9 @@ beforeEach(() => {
   mockHasPermission.mockImplementation((permission: string) =>
     mockUser?.permissions.includes(permission) ?? false
   );
+  mockHasRole.mockImplementation((role: string) =>
+    mockUser?.roles.includes(role) ?? false
+  );
 });
 
 afterEach(() => {
@@ -217,3 +224,38 @@ describe("Home - Loading State", () => {
     expect(screen.getByText("Loading...")).toBeDefined();
   });
 });
+
+describe("Home - Navigation", () => {
+  test("shows My Profile link for regular user", async () => {
+    vi.spyOn(global, "fetch").mockResolvedValue({
+      json: () => Promise.resolve({ value: 0 }),
+    } as Response);
+
+    render(<Home />);
+    
+    await waitFor(() => {
+      expect(screen.getByText("My Profile")).toBeDefined();
+    });
+  });
+
+  test("does not show My Profile link for admin user", async () => {
+    mockUser = {
+      id: 1,
+      email: "admin@example.com",
+      roles: ["admin"],
+      permissions: ["view_counter", "view_audit"],
+    };
+
+    vi.spyOn(global, "fetch").mockResolvedValue({
+      json: () => Promise.resolve({ value: 0 }),
+    } as Response);
+
+    render(<Home />);
+    
+    // Wait for render, then check profile link is not present
+    await waitFor(() => {
+      expect(screen.getByText("Counter")).toBeDefined();
+    });
+    expect(screen.queryByText("My Profile")).toBeNull();
+  });
+});