add a basic landing page text

Author: devksingh4

src/ui/components/AppShell/index.tsx

@@ -194,26 +194,28 @@ const AcmAppShell: React.FC<AcmAppShellProps> = ({
       <AppShell.Header>
         <HeaderNavbar />
       </AppShell.Header>
-      <AppShell.Navbar p="sm">
-        <AppShell.Section grow>
-          <SidebarNavItems items={navItems} visible={showSidebar} active={active} />
-          <br />
-          <Divider label="Other Services" />
-          <SidebarNavItems items={extLinks} visible={showSidebar} active={active} />
-          <Group hiddenFrom="sm">
-            <Divider />
-            <AuthenticatedProfileDropdown userData={userData || {}} />
-          </Group>
-        </AppShell.Section>
-        <AppShell.Section>
-          <Text size="xs" fw={500}>
-            &copy; {new Date().getFullYear()} ACM @ UIUC
-          </Text>
-          <Text size="xs" fw={500}>
-            Revision <code>{getCurrentRevision()}</code>
-          </Text>
-        </AppShell.Section>
-      </AppShell.Navbar>
+      {showSidebar && (
+        <AppShell.Navbar p="sm">
+          <AppShell.Section grow>
+            <SidebarNavItems items={navItems} visible={showSidebar} active={active} />
+            <br />
+            <Divider label="Other Services" />
+            <SidebarNavItems items={extLinks} visible={showSidebar} active={active} />
+            <Group hiddenFrom="sm">
+              <Divider />
+              <AuthenticatedProfileDropdown userData={userData || {}} />
+            </Group>
+          </AppShell.Section>
+          <AppShell.Section>
+            <Text size="xs" fw={500}>
+              &copy; {new Date().getFullYear()} ACM @ UIUC
+            </Text>
+            <Text size="xs" fw={500}>
+              Revision <code>{getCurrentRevision()}</code>
+            </Text>
+          </AppShell.Section>
+        </AppShell.Navbar>
+      )}
       <AppShell.Main>
         {showLoader ? (
           <LoadingOverlay

src/ui/components/Navbar/Logo.tsx

@@ -45,7 +45,7 @@ export const LogoBadge: React.FC<LogoBadgeProps> = ({ size, linkTo, showText })
         />
         {showText
           ? isNonProd && runEnv
-            ? `Management Portal ${runEnv.toUpperCase()} ENV`
+            ? `Management Portal ${runEnv.toUpperCase().replace('LOCAL-DEV', 'DEV')} ENV`
             : 'Management Portal'
           : null}
       </Link>

src/ui/pages/Home.page.tsx

@@ -1,9 +1,17 @@
 import React from 'react';
 
 import { AcmAppShell } from '@ui/components/AppShell';
+import { Title, Text } from '@mantine/core';
+import { useAuth } from '@ui/components/AuthContext';
 
-export const HomePage: React.FC = () => (
-  <>
-    <AcmAppShell>{null}</AcmAppShell>
-  </>
-);
+export const HomePage: React.FC = () => {
+  const { userData } = useAuth();
+  return (
+    <>
+      <AcmAppShell showSidebar={true}>
+        <Title order={1}>Welcome, {userData?.name?.split(' ')[0]}!</Title>
+        <Text>Navigate the ACM @ UIUC Management Portal using the links in the menu bar.</Text>
+      </AcmAppShell>
+    </>
+  );
+};