Spacing fix on welcome page (#16382)

* adding a margin of 0

* adding a padding bottom to the welcome page component

* adding a padding bottom of 25px to project-list-welcome-wrapper

* adding container class to fix two issues together

* adding px-0

* adding mx-0

GitOrigin-RevId: 043173d93d705acd92ad1ebe47bda0f3552ded1a

services/web/frontend/js/features/project-list/components/project-list-root.tsx

@@ -75,7 +75,7 @@ function ProjectListPageContent() {
   ) : (
     <>
       <SystemMessages />
-      <div className="project-list-wrapper clearfix">
+      <div className="project-list-wrapper clearfix container mx-0 px-0">
         {totalProjectsCount > 0 ? (
           <>
             <Sidebar />
@@ -158,7 +158,7 @@ function ProjectListPageContent() {
         ) : (
           <div className="project-list-welcome-wrapper">
             {error ? <DashApiError /> : ''}
-            <Row className="row-spaced">
+            <Row className="row-spaced mx-0">
               <Col
                 sm={10}
                 smOffset={1}

services/web/frontend/stylesheets/app/project-list-react.less

@@ -29,6 +29,7 @@
   .project-list-wrapper {
     display: flex;
     align-items: stretch;
+    width: 100%;
     min-height: calc(~'100vh -' @header-height);
   }
 
@@ -77,6 +78,7 @@
 
   .project-list-welcome-wrapper {
     width: 100%;
+    padding-bottom: 25px;
 
     .welcome-new-wrapper {
       .welcome-title {