fix: make Google logo monochrome (#1215)

src/account/components/AccountLogin.js

@@ -21,6 +21,7 @@ import { useSearchParams } from 'react-router-dom';
 import { fetchAuthURLs } from 'terraso-client-shared/account/accountSlice';
 import { useFetchData } from 'terraso-client-shared/store/utils';
 import AppleIcon from '@mui/icons-material/Apple';
+import GoogleIcon from '@mui/icons-material/Google';
 import { Box, Button, Stack, Typography } from '@mui/material';
 import SvgIcon from '@mui/material/SvgIcon';
 
@@ -31,7 +32,6 @@ import PageLoader from 'layout/PageLoader';
 import LocalePicker from 'localization/components/LocalePicker';
 import { useAnalytics } from 'monitoring/analytics';
 
-import { ReactComponent as GoogleSvg } from 'assets/google.svg';
 import logo from 'assets/logo.svg';
 import { ReactComponent as MicrosoftSvg } from 'assets/microsoft.svg';
 
@@ -40,10 +40,6 @@ const MicrosoftIcon = props => {
   return <SvgIcon component={MicrosoftSvg} {...props} />;
 };
 
-const GoogleIcon = props => {
-  return <SvgIcon component={GoogleSvg} {...props} />;
-};
-
 const appendReferrer = (url, referrer) =>
   referrer ? `${url}&state=${referrer}` : url;