feat(calendar): add calendar to home page

src/app/(main)/home/page.tsx

@@ -8,10 +8,7 @@ export default function Home() {
 
   return (
     <div className='max-h-full'>
-      <Calendar
+      <Calendar userId={data?.data.user?.id} height='calc(100svh - 50px - (var(--spacing) * 2 * 5))' />
-        userId={data?.data.user?.id}
-        height='calc(100svh - 50px - (var(--spacing) * 2 * 5))'
-      />
     </div>
   );
 }

src/app/api/user/[user]/calendar/route.ts

@@ -219,8 +219,7 @@ export const GET = auth(async function GET(req, { params }) {
     success: true,
     calendar: calendar.filter(
       (event, index, self) =>
-        self.findIndex((e) => e.id === event.id && e.type === event.type) ===
+        self.findIndex((e) => e.id === event.id && e.type === event.type) === index,
-        index,
     ),
   });
 });

src/components/calendar.tsx

@@ -41,13 +41,7 @@ const DaDRBCalendar = withDragAndDrop<
 
 const localizer = momentLocalizer(moment);
 
-export default function Calendar({
+export default function Calendar({ userId, height }: { userId?: string; height: string }) {
-  userId,
-  height,
-}: {
-  userId?: string;
-  height: string;
-}) {
   return (
     <QueryErrorResetBoundary>
       {({ reset }) => (
@@ -78,13 +72,7 @@ export default function Calendar({
   );
 }
 
-function CalendarWithUserEvents({
+function CalendarWithUserEvents({ userId, height }: { userId: string; height: string }) {
-  userId,
-  height,
-}: {
-  userId: string;
-  height: string;
-}) {
   const sesstion = useSession();
   const [currentView, setCurrentView] = React.useState<
     'month' | 'week' | 'day' | 'agenda' | 'work_week'