add sidebar navigation to article component

Author: javiert-okta

src/features/introduction/components/introduction-article/introduction-article.component.tsx

@@ -3,6 +3,8 @@
 import React from "react";
 import { getIntroductionContent } from "@/features/localization/services/ui-language-content.service";
 import { ArticleComponent } from "@/features/common/components/article/article.component";
+import styles from "./introduction-article.module.scss";
+import { SidebarNavComponent } from "../sidebar-nav/sidebar-nav.component";
 
 interface IntroductionArticleComponentProps {
   languageCode: string;
@@ -11,11 +13,12 @@ interface IntroductionArticleComponentProps {
 export const IntroductionArticleComponent: React.FC<
   IntroductionArticleComponentProps
 > = ({ languageCode }) => {
-  const { Component: Introduction } = getIntroductionContent({ languageCode });
+  const Introduction = getIntroductionContent({ languageCode });
 
   return (
-    <ArticleComponent>
-      <Introduction />
-    </ArticleComponent>
+    <div className={styles.container}>
+      <SidebarNavComponent languageCode={languageCode} />
+      <ArticleComponent>{Introduction}</ArticleComponent>
+    </div>
   );
 };

src/features/introduction/components/introduction-article/introduction-article.module.scss

@@ -0,0 +1,11 @@
+.container {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: row
+}
+
+@media (max-width: 768px) {
+    .container {
+       flex-direction: column;
+    }
+}