build ok,

002_source/cms/src/components/dashboard/layout/user-popover/cognito-sign-out.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import * as React from 'react';
+import { signOut } from '@aws-amplify/auth';
+import MenuItem from '@mui/material/MenuItem';
+
+import { logger } from '@/lib/default-logger';
+import { toast } from '@/components/core/toaster';
+
+export function CognitoSignOut(): React.JSX.Element {
+  const handleSignOut = React.useCallback(async (): Promise<void> => {
+    try {
+      await signOut();
+      // UserProvider will handle Router refresh
+      // After refresh, GuestGuard will handle the redirect
+    } catch (err) {
+      logger.error('Sign out error', err);
+      toast.error('Something went wrong, unable to sign out');
+    }
+  }, []);
+
+  return (
+    <MenuItem component="div" onClick={handleSignOut} sx={{ justifyContent: 'center' }}>
+      Sign out
+    </MenuItem>
+  );
+}