Fix YouTube types.

Author: nikoshell

src/components/ui/YouTube.astro

@@ -12,8 +12,10 @@ const {
   ...attrs
 } = Astro.props;
 
+const attrId = attrs.id || '';
+
 const defaultClass = 'border-4 border-white rounded-lg shadow-lg';
 const className = `${defaultClass} ${userClass}`.trim();
 ---
 
-<Player:Props class={className} {...attrs} />
+<Player id={attrId} class={className} {...attrs} />

src/layouts/ScheduleLayout.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from "@layouts/Layout.astro";
-import Headline from "@ui/Headline.astro";
 import Section from "@ui/Section.astro";
 
 export interface Props {

src/pages/media/card/[slug].astro

@@ -1,5 +1,5 @@
 ---
-import { getCollection, getEntries, type CollectionEntry } from "astro:content";
+import { getCollection} from "astro:content";
 import SocialMediaCard from "@components/SocialMediaCard.astro";
 
 export async function getStaticPaths() {

src/pages/schedule.astro

@@ -1,5 +1,5 @@
 ---
-import { getEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 

src/pages/schedule/talks.astro

@@ -1,5 +1,5 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 import { slugify } from '@utils/content';

src/pages/schedule/tutorials.astro

@@ -3,7 +3,6 @@ import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 import { slugify } from '@utils/content';
-import Headline from "@ui/Headline.astro"
 
 export const getStaticPaths = async () => {
   const sessions = await getCollection("sessions");

src/pages/speakers.astro

@@ -70,7 +70,7 @@ const description = "Our conference speakers organized alphabetically";
     </Prose>
 
     {
-      groupKeys.map((key, index) => (
+      groupKeys.map((key, _index) => (
         <>
           <div id={`group-${key}`} class="pt-6">
             <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6 mb-10">

src/utils/content.ts

@@ -1,4 +1,4 @@
-export function slugify(text) {
+export function slugify(text: string): string {
   return text
     .toString()
     .toLowerCase()