fixing apl layout href

Author: Jialecl

website/screens/components/footer/FooterPageLayout.tsx

@@ -28,7 +28,7 @@ const FooterPageHeading = ({ children }: { children: React.ReactNode }) => {
           <DxcParagraph>
             The footer is part of the application layout, so it can only be used
             inside of it. Please check the{" "}
-            <Link href="/components/applicationLayout" passHref>
+            <Link href="/components/application-layout" passHref>
               <DxcLink>DxcApplicationLayout</DxcLink>
             </Link>{" "}
             documentation.

website/screens/components/header/HeaderPageLayout.tsx

@@ -25,7 +25,7 @@ const HeaderPageHeading = ({ children }: { children: React.ReactNode }) => {
           <DxcParagraph>
             The header is part of the application layout, so it can only be used
             inside of it. Please check the{" "}
-            <Link href="/components/applicationLayout" passHref>
+            <Link href="/components/application-layout" passHref>
               <DxcLink>DxcApplicationLayout</DxcLink>
             </Link>{" "}
             documentation.

website/screens/components/sidenav/SidenavPageLayout.tsx

@@ -22,7 +22,7 @@ const SidenavPageHeading = ({ children }: { children: React.ReactNode }) => {
           <DxcParagraph>
             The sidenav is part of the application layout, so it can only be
             used inside of it. Please check the{" "}
-            <Link href="/components/applicationLayout" passHref>
+            <Link href="/components/application-layout" passHref>
               <DxcLink>DxcApplicationLayout</DxcLink>
             </Link>{" "}
             documentation.