added diff name and setup skeleton for top recent plays

components/RecentChunithmScores/page.tsx

@@ -0,0 +1,23 @@
+import { chuni_profile_rating, chuni_profile_recent_rating } from '@/prisma/schemas/artemis/generated/artemis';
+import React, { FC } from 'react';
+
+type chunithm_recent = chuni_profile_rating
+
+type ChunithmProfileRecentPlays = {
+  chuniProfileRecentPlays: {
+    recentRating: chunithm_recent[];
+  };
+};
+
+export const ChunithmRecentPlays: FC<ChunithmProfileRecentPlays> = ({ chuniProfileRecentPlays }) => {
+  return (
+    <div>
+      {chuniProfileRecentPlays.recentRating.map((playersRecentRatingList, index) => (
+        <div key={index}>
+      {playersRecentRatingList.score}
+       
+        </div>
+      ))}
+    </div>
+  );
+};