add build fixes and all the features of interactive video

[KitsuneKode]

New Feature added :

• split screen added which shows videos and notes parallely
• add the ability to display websites, pdf, and notion docs along with video playing
• resizable components to adjust the scale of the videos or notes
• switches automatically to picture in picture when video is too small
• fixes the build issues

Screenshots and videos

Issues to resolve

• Automatic Pip is not supported in Firefox browser as it does not support the pip browserapi
• Eslint and prettier not working

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue

[KitsuneKode]

Video

recording.2.mp4

@devsargam @hkirat check this out, surely it will entertain you.
I want you to know that your feedback is very welcome.

[devsargam]

@hkirat what do you think about this feature?

[hkirat]

@devsargam

[KitsuneKode]

@hkirat @devsargam any updates??

[hkirat]

@hkirat

[Copilot]

PR Overview

This pull request introduces interactive video features with enhanced support for split-screen layouts, additional content types (websites, PDFs, Notion docs), and improved video metadata handling, while also fixing build issues. Key changes include:

• Implementation of a new ResizeBar component for resizable UI elements.
• Enhancements in content rendering and dual view mode with Notion integration.
• Updates to seed data, dependency lock adjustments, and UI improvements for video controls.

Reviewed Changes

File	Description
src/components/ResizeBar.tsx	New component for handling resizable UIs.
src/components/admin/ContentRendererClient.tsx	Refactored content rendering with dual view and improved responsive layout.
src/store/atoms/filterContent.ts	Updated filter atom with type definition and default value.
src/store/atoms/trigger.ts	Added new pipTrigger atom for Picture-in-Picture control.
prisma/seed.ts	Enhanced seed functions for video metadata and content.
src/app/api/notion/route.ts	API endpoint updated to support a notionId parameter.
src/components/NotionRenderer.tsx	Modified Notion renderer to fetch data using notionId.
src/components/admin/UpdateVideoClient.tsx	Added radio group for selecting slides type in video update.
pnpm-lock.yaml	Dependency lock updates, including a downgrade for TypeScript.
src/components/VideoPlayer2.tsx	Integrated pipTrigger state for Picture-in-Picture mode handling.
src/components/FilterContent.tsx	Improved filter selection with type-safe default values.
src/components/admin/ContentRenderer.tsx	Exposed slidesType metadata for enhanced content support.
src/app/(main)/(pages)/watch-history/page.tsx	Added a ts-ignore comment for a specific TypeScript warning.

Copilot reviewed 16 out of 16 changed files in this pull request and generated 1 comment.

Comments suppressed due to low confidence (2)

src/components/VideoPlayer2.tsx:20

• The variable 'pip_Trigger' does not follow camelCase naming conventions. Consider renaming it to 'pipTrigger'.

const [pip_Trigger, setPip_Trigger] = useRecoilState(pipTrigger);

src/components/NotionRenderer.tsx:55

• The useEffect dependency array does not include 'notionId', which can lead to stale data if the notionId prop changes. Add 'notionId' to the dependency array.

}, [id]);