integration/header: apply red border on the header, not the container

this makes more sense as sometimes we'll want to use only the header
without the whole homepage

packages/integration/src/components/Header.tsx

@@ -57,7 +57,7 @@ export const Header = ({
 }: Props) => {
   const { t } = useTranslate()
   return (
-    <header role="banner" className="fr-header">
+    <header role="banner" className="fr-header lasuite-header">
       <div className="fr-header__body">
         <div className="fr-container lasuite-container">
           <div className="fr-header__body-row">

packages/integration/src/styles/homepage.css

@@ -14,9 +14,12 @@
 }
 
 .lasuite-homepage {
-  height: 100dvh;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
+}
+
+.lasuite-header {
   border-top: 5px solid #e1000f;
 }