added diff name and setup skeleton for top recent plays

app/(authenticated)/chunithm/page.tsx

@@ -13,6 +13,16 @@ import { getSystemVoices } from "@/components/(customization)/systemvoicecustomi
 import { SystemVoiceCustomization } from "@/components/(customization)/systemvoicecustomization/page";
 import { MapIconCustomization } from "@/components/(customization)/mapiconcustomization/page";
 import { getMapIcons } from "@/components/(customization)/mapiconcustomization/actions";
+import { ChunithmRecentPlays } from "@/components/RecentChunithmScores/page";
+import { getUserRecentPlays } from "@/components/RecentChunithmScores/action";
+
+
+const getChuniRecent = async () => {
+  const recentRating = await getUserRecentPlays();
+  return { recentRating };
+};
+
+
 
 const getAvatarHeadAccessories = async () => {
   const avatarParts = await getAllAvatarParts(2); // head
@@ -69,6 +79,8 @@ const Page = async () => {
   const AllStaticNameplates = await getAllNameplates();
   const AllSystemVoices = await getAllSystemVoices();
   const AllMapIcons = await getAllMapIcons();
+  const RecentChuniPlays = await  getChuniRecent();
+
 
   return (
     <div className="p-10">
@@ -76,6 +88,8 @@ const Page = async () => {
         <TabsList>
           <TabsTrigger value="scores">Scores</TabsTrigger>
           <TabsTrigger value="customize">Customize</TabsTrigger>
+          <TabsTrigger value="RecentPlays">Top / Recent Plays</TabsTrigger>
+
         </TabsList>
         <TabsContent value="scores">
           <ChunithmScorePlaylog />
@@ -110,6 +124,9 @@ const Page = async () => {
           </div>
           <div></div>
         </TabsContent>
+        <TabsContent value="RecentPlays">
+         <ChunithmRecentPlays chuniProfileRecentPlays={RecentChuniPlays}/>
+        </TabsContent>
       </Tabs>
     </div>
   );

app/(sharing)/[token]/[id]/actions.ts

@@ -118,6 +118,7 @@ export async function getSongsWithTitles(userId: number) {
           title: staticInfo?.title || "Unknown Title",
           artist: staticInfo?.artist || "Unknown Artist",
           genre: staticInfo?.genre || "Unknown Genre",
+          chartId: staticInfo?.chartId || "Unknown chartId",
           level: staticInfo?.level || "Unknown Level",
           chartlevel: song.level || "Unknown Level",
           playCount: song.musicId !== null ? playCountMap[song.musicId] || 0 : 0,