Refactor dialog components and styles for improved UI consistency

Updated the dialog components to use a unified class name, replacing 'crt-panel' with 'crt-dialog' for better clarity and consistency across the application. Enhanced the dialog overlay with a denser background and blur effect to improve readability against underlying content. Additionally, modified the UploadSnackbar and ShowsPanel to reflect these changes, ensuring a cohesive user experience.

frontend/src/features/admin/media/UploadSnackbar.tsx

@@ -48,7 +48,7 @@ export function UploadSnackbar() {
   else header = t('admin.media.uploadedCount', { count: done })
 
   return (
-    <div className="crt-panel fixed bottom-4 right-4 z-50 w-96 max-w-[calc(100vw-2rem)] rounded-md shadow-lg">
+    <div className="crt-dialog fixed bottom-4 right-4 z-50 w-96 max-w-[calc(100vw-2rem)] rounded-md">
       <div className="flex items-center gap-2 border-b border-border px-3 py-2 text-sm">
         <span className="truncate font-medium">{header}</span>
         {hasItems && (

frontend/src/features/admin/shows/ShowsPanel.tsx

@@ -359,7 +359,7 @@ function GenreCell({ primary, others }: Readonly<{ primary: string | null; other
       </button>
       {at && (
         <div
-          className="crt-panel fixed z-50 max-w-56 rounded-md border border-border bg-background px-2 py-1.5 text-xs"
+          className="crt-popover fixed z-50 max-w-56 rounded-md px-2 py-1.5 text-xs"
           style={{ left: at.left, top: at.top }}
         >
           <p className="mb-1 text-[10px] uppercase tracking-wide text-muted-foreground">