fix: run dropdown menu item actions

app/(dashboard)/site-replication/page.tsx

@@ -365,26 +365,26 @@ export default function SiteReplicationPage() {
               <DropdownMenuContent align="end">
                 <DropdownMenuLabel>{peer.name || t("Peer site")}</DropdownMenuLabel>
                 {canManageSites ? (
-                  <DropdownMenuItem onSelect={() => setEditingPeer(peer)}>
+                  <DropdownMenuItem onClick={() => setEditingPeer(peer)}>
                     <RiArrowLeftRightLine className="size-4" aria-hidden />
                     {t("Edit Site")}
                   </DropdownMenuItem>
                 ) : null}
                 {canResyncSites ? (
-                  <DropdownMenuItem onSelect={() => void handleResync(peer, "start")}>
+                  <DropdownMenuItem onClick={() => void handleResync(peer, "start")}>
                     <RiRestartLine className="size-4" aria-hidden />
                     {t("Start Resync")}
                   </DropdownMenuItem>
                 ) : null}
                 {canResyncSites ? (
-                  <DropdownMenuItem onSelect={() => void handleResync(peer, "cancel")}>
+                  <DropdownMenuItem onClick={() => void handleResync(peer, "cancel")}>
                     <RiRefreshLine className="size-4" aria-hidden />
                     {t("Cancel Resync")}
                   </DropdownMenuItem>
                 ) : null}
                 {canRemoveSites ? <DropdownMenuSeparator /> : null}
                 {canRemoveSites ? (
-                  <DropdownMenuItem variant="destructive" onSelect={() => confirmRemoveSite(peer)}>
+                  <DropdownMenuItem variant="destructive" onClick={() => confirmRemoveSite(peer)}>
                     <RiDeleteBin5Line className="size-4" aria-hidden />
                     {t("Remove Site")}
                   </DropdownMenuItem>

components/language-switcher.tsx

@@ -46,7 +46,7 @@ export function LanguageSwitcher() {
       />
       <DropdownMenuContent className="w-40" align="start">
         {options.map(({ label, key }) => (
-          <DropdownMenuItem key={key} onSelect={() => i18n.changeLanguage(key)}>
+          <DropdownMenuItem key={key} onClick={() => i18n.changeLanguage(key)}>
             {label}
           </DropdownMenuItem>
         ))}

components/theme-switcher.tsx

@@ -35,7 +35,7 @@ export function ThemeSwitcher() {
       />
       <DropdownMenuContent className="w-40" align="start">
         {themeOptions.map(({ labelKey, key, Icon: OptionIcon }) => (
-          <DropdownMenuItem key={key} onSelect={() => setTheme(key)}>
+          <DropdownMenuItem key={key} onClick={() => setTheme(key)}>
             <OptionIcon className="me-2 h-4 w-4" />
             {t(labelKey)}
           </DropdownMenuItem>

components/user/dropdown.tsx

@@ -101,12 +101,12 @@ export function UserDropdown() {
             }
           />
           {!isAdmin && (
-            <DropdownMenuItem onSelect={handleChangePassword}>
+            <DropdownMenuItem onClick={handleChangePassword}>
               <RiLockPasswordLine className="h-4 w-4" />
               <span>{t("Change Password")}</span>
             </DropdownMenuItem>
           )}
-          <DropdownMenuItem onSelect={handleLogout}>
+          <DropdownMenuItem onClick={handleLogout}>
             <RiLogoutBoxRLine className="h-4 w-4" />
             <span>{t("Logout")}</span>
           </DropdownMenuItem>