feat: adding youtube section to learn (#1123)

app/docs/learn/youtube-channels.mdx

@@ -0,0 +1,35 @@
+---
+breadcrumbs:
+  - path: "/learn"
+    text: "Learn"
+  - path: ""
+    text: "YouTube Channels"
+contentType: "ARTICLE"
+description: ""
+enableOutline: true
+title: "YouTube Channels"
+---
+
+## BRC-Analytics Playlist
+
+Video tutorials and walkthroughs demonstrating how to use BRC Analytics for genomic analysis.
+
+[Watch the BRC-Analytics Playlist](https://www.youtube.com/watch?v=Au2_gwk-3mw&list=PLNFLKDpdM3B-4ZOGS1T_aBUCfrss4J8ey)
+
+## Galaxy Quickies Playlist
+
+Short, focused videos covering common Galaxy tasks and quick tips.
+
+[Watch the Galaxy Quickies Playlist](https://www.youtube.com/watch?v=R9csmmOHfR0&list=PLNFLKDpdM3B9GgFoZhGodpGtgkg2h6HJz)
+
+## BRC-Analytics White Papers Playlist
+
+In-depth presentations on the research and methodologies behind BRC Analytics.
+
+[Watch the BRC-Analytics White Papers Playlist](https://www.youtube.com/watch?v=opPVkPxU25c&list=PLNFLKDpdM3B-YdpZjoCxtFNUztnmkMu9l)
+
+## The Galaxy Channel
+
+The official Galaxy Project YouTube channel with comprehensive tutorials, webinars, and community content.
+
+[Visit The Galaxy Channel](https://www.youtube.com/@GalaxyProject)

app/views/LearnView/components/icon/YouTubeIcon/youTubeIcon.tsx

@@ -0,0 +1,18 @@
+import { JSX } from "react";
+import { PALETTE } from "@databiosphere/findable-ui/lib/styles/common/constants/palette";
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const YouTubeIcon = ({
+  fontSize = "large",
+  viewBox = "0 0 48 48",
+  ...props
+}: SvgIconProps): JSX.Element => {
+  return (
+    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
+      <path
+        d="M39.72 14.52C39.36 13.14 38.28 12.06 36.9 11.7C34.38 11.04 24 11.04 24 11.04C24 11.04 13.62 11.04 11.1 11.7C9.72 12.06 8.64 13.14 8.28 14.52C7.62 17.04 7.62 24 7.62 24C7.62 24 7.62 30.96 8.28 33.48C8.64 34.86 9.72 35.94 11.1 36.3C13.62 36.96 24 36.96 24 36.96C24 36.96 34.38 36.96 36.9 36.3C38.28 35.94 39.36 34.86 39.72 33.48C40.38 30.96 40.38 24 40.38 24C40.38 24 40.38 17.04 39.72 14.52ZM20.58 29.58V18.42L29.82 24L20.58 29.58Z"
+        fill={PALETTE.PRIMARY_MAIN}
+      />
+    </SvgIcon>
+  );
+};

app/views/LearnView/constants.ts

@@ -4,6 +4,7 @@ import { RocketLaunchIcon } from "./components/icon/RocketLaunchIcon/rocketLaunc
 import { BookmarkStarIcon } from "./components/icon/BookmarkStarIcon/bookmarkStarIcon";
 import { GalaxyIcon } from "./components/icon/GalaxyIcon/galaxyIcon";
 import { LiveHelpIcon } from "./components/icon/LiveHelpIcon/liveHelpIcon";
+import { YouTubeIcon } from "./components/icon/YouTubeIcon/youTubeIcon";
 
 export const CARDS: ComponentProps<typeof SectionContentCard>[] = [
   {
@@ -34,4 +35,11 @@ export const CARDS: ComponentProps<typeof SectionContentCard>[] = [
       "Find answers to common questions about using BRC Analytics.",
     title: "FAQ",
   },
+  {
+    StartIcon: YouTubeIcon,
+    cardUrl: "/learn/youtube-channels",
+    secondaryText:
+      "Watch video tutorials, walkthroughs, and presentations on BRC Analytics and Galaxy.",
+    title: "YouTube Channels",
+  },
 ];