Added divider for sign out section in global header (#1339)

Author: lokanandaprabhu

workspaces/global-header/.changeset/add-profile-dropdown-divider.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-global-header': patch
+---
+
+Add divider above Sign out option in profile dropdown for better visual separation

workspaces/global-header/plugins/global-header/src/components/LogoutButton/LogoutButton.tsx

@@ -21,6 +21,7 @@ import {
 } from '@backstage/core-plugin-api';
 
 import MenuItem from '@mui/material/MenuItem';
+import Divider from '@mui/material/Divider';
 
 import { MenuItemLinkContent } from '../MenuItemLink/MenuItemLinkContent';
 
@@ -33,11 +34,18 @@ export const LogoutButton = () => {
   };
 
   return (
-    <MenuItem
-      onClick={handleLogout}
-      sx={{ cursor: 'pointer', width: '100%', color: 'inherit' }}
-    >
-      <MenuItemLinkContent icon="logout" label="Sign out" />
-    </MenuItem>
+    <>
+      <Divider />
+      <MenuItem
+        onClick={handleLogout}
+        sx={{
+          cursor: 'pointer',
+          width: '100%',
+          color: 'inherit',
+        }}
+      >
+        <MenuItemLinkContent icon="logout" label="Sign out" />
+      </MenuItem>
+    </>
   );
 };