Planning to play list

app/(content)/(gaming)/games/[gameid]/page.tsx

-import AddGameToList from "@/components/addGameToList";
+import AddGameDropdown from "@/components/add-game-dropdown";
+import AddGameToFinishedList from "@/components/add-game-to-finished-list";
+import AddGameToPlanList from "@/components/add-game-to-plan-list";
+import AddGameToPlayingList from "@/components/add-game-to-playing-list";
+import AddGameToFavList from "@/components/addGameToFavList";
 import { AspectRatio } from "@/components/ui/aspect-ratio";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
@@ -52,7 +56,11 @@ export default async function GameDetail({ params }: { params: { gameid: string
                                 priority
                                 className="object-cover rounded-lg" />
                         </Card>
+                        <div className="flex justify-start p-6">
+                            <AddGameDropdown fullUser={fullUser!} gameid={params.gameid} />
+                        </div>
                     </div>
+
                     <div className="ml-6 md:ml-12 space-y-3">
                         <h1 className="text-2xl font-bold">{data[0].name}</h1>
                         <h1>released on{' '}
@@ -62,6 +70,7 @@ export default async function GameDetail({ params }: { params: { gameid: string
                         <h1 className="pt-3">{data[0].summary}</h1>
 
                         <div className="pt-6">
+
                             <h1 className="mb-2">Genres</h1>
                             <div className="flex flex-wrap gap-2">
                                 {data[0].genres.map((genre, i) => {
@@ -82,7 +91,7 @@ export default async function GameDetail({ params }: { params: { gameid: string
                 <div className="px-6 md:px-12">
                     <div className="border-b border-gray-400 dark:border-gray-200" />
                     <div className="p-6 w-full flex justify-center">
-                        {user && <AddGameToList userGameList={fullUser?.favGameList!} gameId={params.gameid} />}
+                        {user && <AddGameToFavList userGameList={fullUser?.favGameList!} gameId={params.gameid} />}
                     </div>
                     {/* comments */}
                 </div>