fix: center icons in Alert and CartSnackbar components

client/src/app/providers/AppProviders.tsx

@@ -206,8 +206,21 @@ function AppThemeInner({ children }: PropsWithChildren) {
                 border: '1px solid',
                 boxShadow: 'none',
                 fontWeight: 500,
+                alignItems: 'center',
+                padding: '8px 12px',
                 '& .MuiAlert-icon': {
                   padding: 0,
+                  marginRight: 12,
+                  display: 'flex',
+                  alignItems: 'center',
+                },
+                '& .MuiAlert-message': {
+                  padding: 0,
+                },
+                '& .MuiAlert-action': {
+                  padding: 0,
+                  marginRight: 0,
+                  marginLeft: 8,
                 },
               },
               standardSuccess: {

client/src/shared/ui/CartSnackbar.tsx

@@ -44,12 +44,22 @@ export function CartSnackbar() {
           border: 'none',
           boxShadow: 'none',
           p: 1.5,
+          alignItems: 'center',
+          '& .MuiAlert-icon': {
+            padding: 0,
+            mr: 1.5,
+            display: 'flex',
+            alignItems: 'center',
+          },
           '& .MuiAlert-message': {
+            padding: 0,
             fontSize: '0.875rem',
             fontWeight: 600,
           },
           '& .MuiAlert-action': {
+            padding: 0,
             mr: 0,
+            ml: 1,
           },
         }}
         action={