fix: refactor breadcrumbs to take page type variants to better match margins

components/TempDesignSystem/Alert/alert.module.css

@@ -11,7 +11,7 @@
 
 .content {
   width: 100%;
-  max-width: var(--max-width-navigation);
+  max-width: var(--max-width-page);
   margin: 0 auto;
   display: flex;
   gap: var(--Spacing-x2);
@@ -60,7 +60,6 @@
 
 /* Intent: banner */
 .banner {
-  padding: 0 var(--Spacing-x3);
   border-left-width: 6px;
   border-left-style: solid;
 }
@@ -90,9 +89,6 @@
 }
 
 @media screen and (min-width: 768px) {
-  .banner {
-    padding: 0 var(--Spacing-x5);
-  }
   .innerContent {
     flex-direction: row;
     align-items: center;