fix(client): cleanup rules

apps/client/src/app/components/footer/footer.component.html

@@ -191,7 +191,7 @@
   </div>
 </div>
 <div class="container d-none d-md-block mt-5">
-  <div class="row justify-content-center">
+  <div class="d-flex justify-content-center">
     <div class="font-weight-bold line-height-1 logotype">Ghostfolio</div>
   </div>
 </div>

apps/client/src/app/pages/landing/landing-page.html

@@ -360,21 +360,19 @@
 </div>
 
 <div class="container">
-  <div class="d-block row">
+  <div class="d-block">
     <div class="outro-inner-container mx-auto">
       <div class="h-100 w-100"></div>
     </div>
   </div>
-  <div class="row mb-4">
+  <div class="d-flex justify-content-center mb-4">
-    <div
+    <div class="align-items-center d-flex flex-column justify-content-center">
-      class="align-items-center d-flex flex-column justify-content-center w-100"
-    >
       <gf-logo size="medium" />
       <div>Wealth Management Software</div>
     </div>
   </div>
-  <div class="row">
+  <div class="d-flex justify-content-center">
-    <div class="align-items-center d-flex flex-column w-100">
+    <div class="align-items-center d-flex flex-column">
       <a
         class="logo logo-agplv3 mask"
         href="https://www.gnu.org/licenses/agpl-3.0.html"

apps/client/src/app/pages/register/register-page.html

@@ -5,10 +5,8 @@
 </div>
 
 <div class="container">
-  <div class="row">
+  <div class="d-flex justify-content-center">
-    <div
+    <div class="align-items-center d-flex flex-column justify-content-center">
-      class="align-items-center d-flex flex-column justify-content-center w-100"
-    >
       <gf-logo size="large" />
       <p class="lead m-0">Wealth Management Software</p>
     </div>

apps/client/src/styles/bootstrap.scss

@@ -162,12 +162,6 @@ $utilities: map.merge(
   --bs-gutter-y: 0;
 }
 
-// Preserve BS4 flex behavior for non-col direct children of rows
-.row.flex-nowrap > :not([class*='col']) {
-  flex-shrink: 1;
-  width: auto;
-}
-
 // Maintain 1140px container max-width at >=1400px (avoiding BS5 1320px stretch)
 @media (min-width: 1400px) {
   .container-xxl,