♻️(react) extract typeToColor from AlertIcon

We will need to use the logic of this function in the Toast component.

packages/react/src/components/Alert/Utils.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import { Button } from ":/components/Button";
 import { AlertProps, AlertType } from ":/components/Alert/index";
 import { useCunningham } from ":/components/Provider";
+import { ToastType } from ":/components/Toast/ToastProvider";
 
 export const AlertWrapper = (props: AlertProps) => {
   return (
@@ -21,8 +22,7 @@ export const AlertWrapper = (props: AlertProps) => {
   );
 };
 
-export const AlertIcon = ({ type, ...props }: AlertProps) => {
+export const iconFromType = (type?: AlertType | ToastType) => {
-  const icon = useMemo(() => {
   switch (type) {
     case AlertType.INFO:
       return "info";
@@ -35,7 +35,10 @@ export const AlertIcon = ({ type, ...props }: AlertProps) => {
     default:
       return "";
   }
-  }, [type]);
+};
+
+export const AlertIcon = ({ type, ...props }: AlertProps) => {
+  const icon = useMemo(() => iconFromType(type), [type]);
   if (props.icon) {
     return props.icon;
   }
@@ -54,7 +57,6 @@ export const AlertClose = (props: AlertProps) => {
   return (
     props.canClose && (
       <Button
-        className="ml-st"
         color="tertiary"
         size="small"
         icon={<span className="material-icons">close</span>}