fix(toaster): adjust toast position based on text direction for better accessibility

Author: x0sina

dashboard/src/components/ui/sonner.tsx

@@ -13,7 +13,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       theme={resolvedTheme as ToasterProps['theme']}
       className="toaster group font-body"
       dir={dir}
-      position='top-right'
+      position={dir === 'rtl' ? 'top-left' : 'top-right'}
       toastOptions={{
         classNames: {
           toast: 'group font-body toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',

dashboard/src/components/users/action-buttons.tsx

@@ -389,7 +389,7 @@ const ActionButtons: FC<ActionButtonsProps> = ({ user }) => {
               </DropdownMenuTrigger>
               <DropdownMenuContent>
                 {subscribeLinks.map(subLink => (
-                  <DropdownMenuItem className="justify-start p-0" key={subLink.link} onClick={() => handleCopyOrDownload(subLink)}>
+                  <DropdownMenuItem dir='ltr' className="justify-start p-0" key={subLink.link} onClick={() => handleCopyOrDownload(subLink)}>
                     <span className="flex w-full items-center gap-2 px-2 py-1.5">
                       <span className="text-sm">{subLink.icon}</span>
                       <span>{subLink.protocol}</span>