Separate Client Portal & Dashboard

frontend/dashboard/src/sections/auth/AuthFirebaseSocial.tsx

@@ -0,0 +1,38 @@
+// @mui
+import { Grid, Button, Divider, Typography } from '@mui/material';
+// components
+import Iconify from '../../components/Iconify';
+
+// ----------------------------------------------------------------------
+
+export default function AuthFirebaseSocial() {
+  return (
+    <>
+      <Grid container spacing={2}>
+        <Grid item xs>
+          <Button fullWidth size="large" color="inherit" variant="outlined">
+            <Iconify icon={'eva:google-fill'} color="#DF3E30" width={24} height={24} />
+          </Button>
+        </Grid>
+
+        <Grid item xs>
+          <Button fullWidth size="large" color="inherit" variant="outlined">
+            <Iconify icon={'eva:facebook-fill'} color="#1877F2" width={24} height={24} />
+          </Button>
+        </Grid>
+
+        <Grid item xs>
+          <Button fullWidth size="large" color="inherit" variant="outlined">
+            <Iconify icon={'eva:twitter-fill'} color="#1C9CEA" width={24} height={24} />
+          </Button>
+        </Grid>
+      </Grid>
+
+      <Divider sx={{ my: 3 }}>
+        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+          OR
+        </Typography>
+      </Divider>
+    </>
+  );
+}