fix: testing menu opacity

Author: AlexVOiceover

src/components/ui/simple-dropdown.tsx

@@ -127,7 +127,7 @@ const SimpleDropdownMenuContent = React.forwardRef<HTMLDivElement, SimpleDropdow
       <div 
         ref={ref}
         className={cn(
-          'absolute z-[9999] min-w-[10rem] overflow-hidden rounded-md border bg-white p-2 shadow-md',
+          'absolute z-[99999] min-w-[10rem] overflow-hidden rounded-md border bg-white p-2 shadow-md',
           'top-full right-0 mt-1',
           className
         )}

src/features/statements/components/StatementItem.tsx

@@ -664,7 +664,7 @@ const StatementItem: React.FC<StatementItemProps> = ({
       id={`statement-${statement.id}`}
       className={`border rounded-md p-1 md:p-3 space-y-2 relative ${
         statement.isArchived
-          ? 'bg-gray-100 border-gray-300 opacity-80'
+          ? 'bg-gray-100 border-gray-300 text-gray-600'
           : 'bg-white border-gray-200 shadow-sm'
       }`}
     >
@@ -685,7 +685,7 @@ const StatementItem: React.FC<StatementItemProps> = ({
               <span
                 className={`inline-flex items-center justify-center ${
                   statement.isPublic ? 'text-green-500' : 'text-red-500'
-                } ${statement.isArchived ? 'opacity-70' : ''}`}
+                } ${statement.isArchived ? 'text-opacity-80' : ''}`}
               >
                 {statement.isPublic ? (
                   <MailPlus size={16} />
@@ -780,7 +780,7 @@ const StatementItem: React.FC<StatementItemProps> = ({
                 <span
                   className={`inline-flex items-center justify-center flex-shrink-0 ${
                     statement.isPublic ? 'text-green-500' : 'text-red-500'
-                  } ${statement.isArchived ? 'opacity-70' : ''}`}
+                  } ${statement.isArchived ? 'text-opacity-80' : ''}`}
                 >
                   {statement.isPublic ? (
                     <MailPlus size={16} className=' m-1' />