add bootstrap.component.tsx, implement dynamic nav generation

yoga-app/src/app/layout.tsx

@@ -1,8 +1,6 @@
 import type {Metadata, Viewport} from "next";
 import "./globals.scss";
 import {IconDescriptor} from "next/dist/lib/metadata/types/metadata-types";
-import MainHeaderComponent from "@/components/mainHeaderComponent";
-
 
 const generateIconDescriptor = (rel: string, sizes: string, url: string): IconDescriptor => {
     // <link rel="apple-touch-icon" sizes="76x76"*/}