[S4]-Display Embed Videos

[dusunax]

Videos

• [x] add 'use server' actions.tsx

  import { Suspense } from "react";
  import { getVideoByComponents } from "../actions";
  import SlideListWrapper from "@/components/gallery/SlideListWrapper";
  
  export default async function VideoPage() { // async function
  const data = await getVideoByComponents(); // server actions
  
  return (
    <section className="prose dark:prose-invert max-w-none flex-1 flex flex-col">
      <h1>Videos</h1>
  
      <Suspense> {/* need to add LoadMore component. */}
        <SlideListWrapper>{data}</SlideListWrapper>
      </Suspense>
    </section>
  );
  }

• [x] adjust SlideListWrapper (for cols 1 under sm)