fix: only adjust popup layer alignments for widgets

Author: devrsi0n

packages/ui/src/blocks/notification-hub/notification-hub.tsx

@@ -42,7 +42,7 @@ export function NotificationHub(): JSX.Element {
             <span className="absolute right-[3px] top-[1px] rounded-full bg-red-900 p-1 ring-1 ring-white dark:ring-black" />
           )}
         </Menu.Button>
-        <Menu.Items side="left" align="start">
+        <Menu.Items {...(isWidget ? { side: 'left', align: 'start' } : {})}>
           <Heading as="h4" className="px-5 py-3 font-bold">
             Notifications
           </Heading>

packages/ui/src/blocks/user-menu/user-menu.tsx

@@ -40,7 +40,7 @@ export function UserMenu(props: UserMenuProps): JSX.Element {
           username={username}
         />
       </Menu.Button>
-      <Menu.Items side="left" align="start">
+      <Menu.Items {...(isWidget ? { side: 'left', align: 'start' } : {})}>
         {name && (
           <div className="mx-4 w-36 space-y-1 py-2">
             {plan && plan !== 'HOBBY' && (