feat: Authentication provider display (#4332)

* layout

* Refactor

* wip

* Quick changes to make this deployable without full management

* test

app/components/AuthLogo/index.tsx

@@ -7,28 +7,29 @@ import SlackLogo from "./SlackLogo";
 type Props = {
   providerName: string;
   size?: number;
+  color?: string;
 };
 
-function AuthLogo({ providerName, size = 16 }: Props) {
+function AuthLogo({ providerName, color, size = 16 }: Props) {
   switch (providerName) {
     case "slack":
       return (
         <Logo>
-          <SlackLogo size={size} />
+          <SlackLogo size={size} fill={color} />
         </Logo>
       );
 
     case "google":
       return (
         <Logo>
-          <GoogleLogo size={size} />
+          <GoogleLogo size={size} fill={color} />
         </Logo>
       );
 
     case "azure":
       return (
         <Logo>
-          <MicrosoftLogo size={size} />
+          <MicrosoftLogo size={size} fill={color} />
         </Logo>
       );