Add recommendation tooltips

Frontend/src/app/components/server/server-recommendations.tsx

@@ -5,6 +5,8 @@ import { ServerPlatform } from "restfulmc-lib";
 import { Button } from "@/components/ui/button";
 import Image from "next/image";
 import Link from "next/link";
+import SimpleTooltip from "@/components/simple-tooltip";
+import { capitalize } from "@/lib/string-utils";
 
 /**
  * The recommendations for a server.
@@ -45,6 +47,9 @@ const ServerRecommendations = (): ReactElement => (
                     index: number
                 ): ReactElement => (
                     <Link key={index} href={`/server/${platform}/${hostname}`}>
+                        <SimpleTooltip
+                            content={`Click to test ${capitalize(platform)} server`}
+                        >
                             <Button
                                 className="px-10 flex gap-2.5 font-semibold hover:opacity-85 transition-all transform-gpu"
                                 variant="outline"
@@ -57,6 +62,7 @@ const ServerRecommendations = (): ReactElement => (
                                 />
                                 <span>{hostname}</span>
                             </Button>
+                        </SimpleTooltip>
                     </Link>
                 )
             )}