feat: add config, types and add basic quadrant page

src/components/Footer/Footer.tsx

@@ -1,8 +1,7 @@
 import logo from "../../../public/logo.svg";
 import styles from "./Footer.module.css";
 
-import { getAppName } from "@/lib/config";
-import { getMessages } from "@/lib/data";
+import { getAppName, getMessages } from "@/lib/data";
 
 export function Footer() {
   const appName = getAppName();

src/components/Logo/Logo.module.css

@@ -31,6 +31,10 @@
   font-size: 18px;
   opacity: 0;
   transition: opacity 200ms ease-in-out;
+
+  @media (max-width: 1024px) {
+    display: none;
+  }
 }
 
 .logo.small {

src/components/Logo/Logo.tsx

@@ -6,7 +6,7 @@ import { usePathname } from "next/navigation";
 import logo from "../../../public/logo.svg";
 import styles from "./Logo.module.css";
 
-import { getAppName } from "@/lib/config";
+import { getAppName } from "@/lib/data";
 import { cn } from "@/lib/utils";
 
 export function Logo() {

src/components/Navigation/Navigation.module.css

@@ -11,3 +11,9 @@
   width: 22px;
   margin: 0 10px 0 0;
 }
+
+@media (max-width: 900px) {
+  .label {
+    display: none;
+  }
+}

src/components/Navigation/Navigation.tsx

@@ -6,7 +6,7 @@ import IconFilter from "@/components/Icons/Filter";
 import IconOverview from "@/components/Icons/Overview";
 import IconQuestion from "@/components/Icons/Question";
 import IconSearch from "@/components/Icons/Search";
-import { getAppName } from "@/lib/config";
+import { getAppName } from "@/lib/data";
 
 export function Navigation() {
   return (
@@ -15,22 +15,22 @@ export function Navigation() {
         <li className={styles.item}>
           <Link href="/help-and-about-tech-radar">
             <IconQuestion className={styles.icon} />
-            How to use {getAppName()}?
+            <span className={styles.label}>How to use {getAppName()}?</span>
           </Link>
         </li>
         <li className={styles.item}>
           <IconFilter className={styles.icon} />
-          Filter
+          <span className={styles.label}>Filter</span>
         </li>
         <li className={styles.item}>
           <Link href="/overview">
             <IconOverview className={styles.icon} />
-            Technologies Overview
+            <span className={styles.label}>Technologies Overview</span>
           </Link>
         </li>
         <li className={styles.item}>
           <IconSearch className={styles.icon} />
-          Search
+          <span className={styles.label}>Search</span>
         </li>
       </ul>
     </nav>