feat: Complete Entra ID SSO Backend Implementation with Authentication Policies

Clients/src/presentation/components/Button/CustomizableButton/index.tsx

@@ -84,6 +84,12 @@ export interface CustomizableButtonProps {
   className?: string;
   /** Tooltip text */
   title?: string;
+  /** Text color (filtered out from DOM) */
+  textColor?: string;
+  /** Indicator prop (filtered out from DOM) */
+  indicator?: boolean;
+  /** Selection follows focus prop (filtered out from DOM) */
+  selectionFollowsFocus?: boolean;
 }
 
 /**
@@ -114,6 +120,9 @@ const CustomizableButton = memo(
         fullWidth = false,
         className,
         title,
+        textColor, // Extract textColor to prevent it from reaching DOM
+        indicator, // Extract indicator to prevent it from reaching DOM
+        selectionFollowsFocus, // Extract selectionFollowsFocus to prevent it from reaching DOM
         ...rest
       },
       ref
@@ -169,6 +178,14 @@ const CustomizableButton = memo(
         />
       );
 
+      // Filter out any remaining problematic props that shouldn't reach DOM
+      const filteredProps = Object.keys(rest).reduce((acc: Record<string, any>, key) => {
+        if (!['textColor', 'indicator', 'selectionFollowsFocus'].includes(key)) {
+          acc[key] = (rest as any)[key];
+        }
+        return acc;
+      }, {});
+
       return (
         <Button
           ref={ref}
@@ -211,7 +228,7 @@ const CustomizableButton = memo(
             )
           }
           endIcon={!loading ? endIcon : undefined}
-          {...rest}
+          {...filteredProps}
         >
           {loading && !resolvedStartIcon && !endIcon && (
             <Box