Added theme switcher + optimized youtube loading + about changes

frontend/app/(main)/page.tsx

@@ -5,6 +5,7 @@ import Gallery from "@/components/gallery";
 import Hero from "@/components/hero";
 import Testimonial from "@/components/testimonial";
 import { CarouselItem } from "@/components/ui/carousel";
+import YouTubeEmbed from "@/components/youtube-embed";
 import { IYoutube } from "@/interfaces/youtube";
 
 export default async function Home() {
@@ -17,6 +18,15 @@ export default async function Home() {
 	return (
 		<main>
 			<Hero />
+			<div className="p-12">
+				<YouTubeEmbed
+					loadIframe
+					width="full"
+					height="full"
+					video="cbxWxPDXgNM"
+					autoPlay={false}
+				/>
+			</div>
 			<div className="flex flex-col p-12">
 				<Features
 					title="DÉVELOPPEMENT DU SYSTÈME"
@@ -139,11 +149,7 @@ export default async function Home() {
 									key={video.id.videoId}
 									className="pl-[20px] md:max-w-[452px]"
 								>
-									<iframe
-										width="424"
-										height="238"
-										src={`https://www.youtube.com/embed/${video.id.videoId}`}
-									></iframe>
+									<YouTubeEmbed video={video} />
 								</CarouselItem>
 							);
 						})}