feat(orga): move footer at the bottom of the page

Author: lionelB

orga/app/styles/components/layout/footer.scss

@@ -4,13 +4,13 @@
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
-  margin: 0 var(--pix-spacing-6x);
-  border-top: 1px solid var(--pix-neutral-20);
 
   @include device-is('desktop') {
     flex-direction: row;
   }
 
+  line-height: 1;
+
   &__navigation {
     display: flex;
     flex-direction: column;
@@ -33,7 +33,6 @@
   }
 
   &__copyrights {
-    padding: 16px 0;
     color: var(--pix-neutral-20)0;
     font-size: 0.75rem;
     font-family: $font-roboto;

orga/app/styles/components/ui/action-bar.scss

@@ -30,7 +30,3 @@
     }
   }
 }
-
-footer {
-  padding: var(--pix-spacing-4x) var(--pix-spacing-6x);
-}

orga/app/templates/authenticated.hbs

@@ -1,11 +1,17 @@
 <PixAppLayout @variant="orga" class="app">
-  <Layout::Sidebar @placesCount={{@model.available}} @onChangeOrganization={{this.onChangeOrganization}} />
+  <:navigation>
 
-  <main class="main-content__body page">
-    <Banner::TopBanners />
-    {{outlet}}
-    <Layout::Footer />
-  </main>
+    <Layout::Sidebar @placesCount={{@model.available}} @onChangeOrganization={{this.onChangeOrganization}} />
+  </:navigation>
+  <:main>
 
+    <main class="main-content__body page">
+      <Banner::TopBanners />
+      {{outlet}}
+    </main>
+  </:main>
+  <:footer>
+    <Layout::Footer />
+  </:footer>
 </PixAppLayout>
 <NotificationContainer @position="bottom-right" />

orga/package-lock.json

@@ -55,7 +55,7 @@
     "@1024pix/ember-matomo-tag-manager": "^2.4.3",
     "@1024pix/ember-testing-library": "^3.0.6",
     "@1024pix/eslint-config": "^1.3.8",
-    "@1024pix/pix-ui": "^51.2.0",
+    "@1024pix/pix-ui": "^52.0.0",
     "@1024pix/stylelint-config": "^5.1.24",
     "@babel/eslint-parser": "^7.19.1",
     "@babel/plugin-proposal-decorators": "^7.20.13",