✨(frontend) fix format

Author: abimourad

frontend/src/app/Components/Layout/Components/HeaderLayout.jsx

@@ -21,6 +21,7 @@ function HeaderLayout({
   profile,
   applications,
   redirectUrl,
+  isAffixHeader = true,
 }) {
   const pathname = usePathname();
   const tHome = useTranslations("HomePage");
@@ -76,38 +77,38 @@ function HeaderLayout({
     },
   ];
 
-  return (
-    <Affix>
-      <Header>
-        <Flex>
-          <div className="logo">
-            <Link className="logo-txt" href="/">
-              {tHome("title")}
+  const header = (
+    <Header>
+      <Flex>
+        <div className="logo">
+          <Link className="logo-txt" href="/">
+            {tHome("title")}
+          </Link>
+        </div>
+        {applications && (
+          <Menu
+            theme="dark"
+            mode="horizontal"
+            selectedKeys={getSelectedKey()}
+            items={menuItem(applications, tNav)}
+            className="header-menu"
+          />
+        )}
+        {applications?.some(
+          (value) => value?.id === "ai" && value?.enabled,
+        ) && <AiAssistant />}
+        {!isProfile && (
+          <Dropdown menu={{ items }}>
+            <Link className="profile-link" href="/#">
+              <Avatar icon={<UserOutlined />} /> {profile}
             </Link>
-          </div>
-          {applications && (
-            <Menu
-              theme="dark"
-              mode="horizontal"
-              selectedKeys={getSelectedKey()}
-              items={menuItem(applications, tNav)}
-              className="header-menu"
-            />
-          )}
-          {applications?.some(
-            (value) => value?.id === "ai" && value?.enabled,
-          ) && <AiAssistant />}
-          {!isProfile && (
-            <Dropdown menu={{ items }}>
-              <Link className="profile-link" href="/#">
-                <Avatar icon={<UserOutlined />} /> {profile}
-              </Link>
-            </Dropdown>
-          )}
-        </Flex>
-      </Header>
-    </Affix>
+          </Dropdown>
+        )}
+      </Flex>
+    </Header>
   );
+
+  return isAffixHeader ? <Affix>{header}</Affix> : header;
 }
 
 export default HeaderLayout;

frontend/src/app/Components/Layout/PageLayout.jsx

@@ -32,8 +32,9 @@ export default function PageLayout({ children }) {
         profile={data?.name}
         applications={appConfig?.applications}
         redirectUrl={appConfig?.redirect_to_account_page}
+        isAffixHeader={!isEmbeddedAppRoute} // Affix header for embedded app routes
       />
-      <Content className="layout-content">
+      <Content className={isEmbeddedAppRoute ? "" : "layout-content"}>
         <div className="content">
           {/* Render all embedded apps at once, show/hide based on route */}
           {embeddedApps.map((app) => {
@@ -75,10 +76,12 @@ export default function PageLayout({ children }) {
           tooltip={t("helpdesk")}
         />
       )}
-      <Footer>
-        {t("copyright")}
-        {new Date().getFullYear()}
-      </Footer>
+      {!isEmbeddedAppRoute && (
+        <Footer>
+          {t("copyright")}
+          {new Date().getFullYear()}
+        </Footer>
+      )}
     </Layout>
   ) : (
     <>{children}</>

frontend/src/app/globals.css

@@ -295,7 +295,7 @@ footer {
 /* -------------------------------------------------- */
 .external-app-container {
   width: 100%;
-  height: calc(100vh - 64px);
+  height: calc(100vh - 40px);
   position: relative;
   background-color: #fff;
 }