fixing warning bug

client/layouts/SidePanelLayout/SidePanelLayout.module.scss

@@ -1,7 +1,7 @@
 @use '../../styles/core/boilerplate' as *;
 
 .layout_wrapper {
-  margin-top: 95px;
+  margin-top: 20px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
@@ -39,3 +39,11 @@
     margin-bottom: 0;
   }
 }
+
+.warning {
+  max-width: 1200px;
+  margin-bottom: 24px;
+  @include tablet-down {
+    max-width: 100%;
+  }
+}

client/layouts/SidePanelLayout/SidePanelLayout.tsx

@@ -6,6 +6,7 @@ import FeedbackBanner from '@Shared/FeedbackBanner/FeedbackBanner';
 import SkeletonCard from '@Shared/SkeletonCard/SkeletonCard';
 import { SubscriptionT } from 'services/subscription.service';
 import Hub, { loadingHub } from 'classes/Hub';
+import Warning from '@Shared/Warning/Warning';
 
 type SidePanelLayoutProps = {
   children: ReactNode;
@@ -27,6 +28,17 @@ const SidePanelLayout = ({
 
   return (
     <>
+      <div className="flex-justify-center mt-20 px-20">
+        <div className={styles.warning}>
+          <Warning
+            title="Be Advised"
+            message="We are aware of an outage currently impacting Starter and Personal plans in one of our service regions. If your assigned URL contains 'us1' you may be affected by this outage. Our team is actively working to resolve the issue, and we appreciate your patience. We apologize for any inconvenience this may cause. If you have any questions regarding this issue, please contact us,"
+            onClick={() => {
+              window.open('mailto:[email protected]');
+            }}
+          />
+        </div>
+      </div>
       <section className={styles.layout_wrapper}>
         {children}
         {/* SIDE PANEL WIDGET  */}

client/pages/dashboard/dashboard.module.scss

@@ -9,11 +9,3 @@
     min-width: initial;
   }
 }
-
-.warning {
-  max-width: 1200px;
-  margin-bottom: 24px;
-  @include tablet-down {
-    max-width: 100%;
-  }
-}

client/pages/dashboard/index.tsx

@@ -157,16 +157,6 @@ const Dashboard = ({ subscription }: DashboardPropsT) => {
         subscription={subscription}
         isLoading={isLoading && Boolean(account.planName)}
       >
-        <div className={styles.warning}>
-          <Warning
-            title="Be Advised"
-            message="We are aware of an outage currently impacting Starter and Personal plans in one of our service regions. If your assigned URL contains 'us1' you may be affected by this outage. Our team is actively working to resolve the issue, and we appreciate your patience. We apologize for any inconvenience this may cause. If you have any questions regarding this issue, please contact us,"
-            onClick={() => {
-              window.open('mailto:[email protected]');
-            }}
-          />
-        </div>
-
         <div className={styles.cards_wrapper}>
           {/* Hub Creating */}
           {/* TODO (Tech Debt): Right now (EA) we are only dealing with one hub, so, if there are zero