[Feature] main site navigation

api/app/Enums/Role.php

@@ -6,6 +6,7 @@ enum Role: string
 {
     case BASE_USER = 'base_user';
     case APPLICANT = 'applicant';
+    case Manager = 'manager';
     case POOL_OPERATOR = 'pool_operator';
     case REQUEST_RESPONDER = 'request_responder';
     case COMMUNITY_RECRUITER = 'community_recruiter';

api/lang/en/role.php

@@ -0,0 +1,9 @@
+<?php
+
+return [
+    'guest' => 'Guest',
+    'applicant' => 'Applicant',
+    'manager' => 'Manager',
+    'community' => 'Community',
+    'platform_admin' => 'Admin',
+];

apps/web/src/components/AdminContentWrapper/AdminContentWrapper.tsx

@@ -5,7 +5,7 @@ interface AdminContentWrapperProps {
 }
 
 const AdminContentWrapper = ({ children }: AdminContentWrapperProps) => (
-  <div data-h2-wrapper="base(center, full, x2)">
+  <div data-h2-wrapper="base(center, large, x1) p-tablet(center, large, x2)">
     <div data-h2-padding="base(0, 0, x3, 0)">{children}</div>
   </div>
 );

apps/web/src/components/Hero/AdminHero.tsx

@@ -33,7 +33,7 @@ const AdminHero = ({
       data-h2-background="base(linear-gradient(92deg, rgba(175, 103, 255, 0.10) 1.42%, rgba(0, 195, 183, 0.10) 98.58%))"
       data-h2-margin-bottom="base(x3)"
     >
-      <div data-h2-wrapper="base(center, full, x1) base(center, full, x2)">
+      <div data-h2-wrapper="base(center, large, x1) p-tablet(center, large, x2)">
         <div data-h2-color="base(black)" data-h2-padding="base(x2 0)">
           <div
             data-h2-display="base(flex)"

apps/web/src/components/Hero/AdminSubNav.tsx

@@ -16,12 +16,12 @@ export interface AdminSubNavProps {
 
 const AdminSubNav = ({ mode, items }: AdminSubNavProps) => {
   if (mode === "crumbs") {
-    return <Breadcrumbs crumbs={items} fullWidth />;
+    return <Breadcrumbs crumbs={items} />;
   }
 
   return (
     <NavTabs.Root>
-      <NavTabs.List data-h2-wrapper="base(center, full, x1) base(center, full, x2)">
+      <NavTabs.List data-h2-wrapper="base(center, large, x1) p-tablet(center, large, x2)">
         {items.map((item) => (
           <NavTabs.Item key={item.url}>
             <NavTabs.Link href={item.url}>{item.label}</NavTabs.Link>