全員にいいねを送りました！のスタイリング

web/app/home/components/NoMoreUser.tsx

@@ -0,0 +1,9 @@
+export default function NoMoreUser() {
+  return (
+    <div className="flex h-full items-center justify-center px-4 text-center">
+      <p className="text-2xl text-gray-500">
+        「いいね！」を送るユーザーがいません。
+      </p>
+    </div>
+  );
+}

web/app/home/page.tsx

@@ -10,6 +10,7 @@ import { useAboutMe, useRecommended } from "~/api/user";
 import { Card } from "~/components/Card";
 import { DraggableCard } from "~/components/DraggableCard";
 import FullScreenCircularProgress from "~/components/common/FullScreenCircularProgress";
+import NoMoreUser from "./components/NoMoreUser";
 import PersonDetailedMenu from "./components/PersonDetailedMenu";
 
 export default function Home() {
@@ -83,7 +84,7 @@ export default function Home() {
     return <FullScreenCircularProgress />;
   }
   if (displayedUser == null) {
-    return <div>全員にいいねを送りました！</div>;
+    return <NoMoreUser />;
   }
   if (error) throw error;