Update dependency tailwind-merge to v2.5.3

Reviewed-on: #68

package.json

@@ -32,7 +32,7 @@
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
     "fuse.js": "^7.0.0",
-    "lucide-react": "^0.402.0",
+    "lucide-react": "^0.451.0",
     "mcutils-library": "^1.3.1",
     "moment": "^2.30.1",
     "next": "14.2.5",
@@ -44,7 +44,7 @@
     "react-dom": "^18",
     "react-spinners": "^0.14.0",
     "react-syntax-highlighter": "^15.5.0",
-    "react-use-websocket": "4.8.1",
+    "react-use-websocket": "4.9.0",
     "read-file": "^0.2.0",
     "remark-gfm": "^4.0.0",
     "remote-mdx": "^0.0.8",

src/app/(pages)/mojang/status/page.tsx

@@ -1,13 +1,13 @@
-import { Card } from "@/app/components/card";
+import { Colors } from "@/app/common/colors";
 import { generateEmbed } from "@/app/common/embed";
 import { capitalizeFirstLetter } from "@/app/common/string-utils";
 import { cn } from "@/app/common/utils";
+import { Card } from "@/app/components/card";
+import { Title } from "@/app/components/title";
 import { CachedEndpointStatus, getMojangEndpointStatus, Status } from "mcutils-library";
 import { Metadata, Viewport } from "next";
 import Link from "next/link";
 import { ReactElement } from "react";
-import { Colors } from "@/app/common/colors";
-import { Title } from "@/app/components/title";
 
 /**
  * Force the page to be dynamic, so it will be regenerated on every request
@@ -89,20 +89,19 @@ export default async function Page(): Promise<ReactElement> {
       >
         {endpoints.length == 0 && <p>Unable to fetch endpoint statuses</p>}
         {endpoints.length > 0 &&
-          endpoints.map((endpoint: CachedEndpointStatus) => {
+          endpoints.map((server: CachedEndpointStatus) => {
-            const { name, hostname, status } = endpoint;
+            const { name, endpoint, status } = server;
 
-            const url = `https://${hostname}`;
             return (
               <div key={name} className="flex flex-row justify-between pt-2">
                 <div className="flex flex-col leading-[1.5rem]">
                   <p className="font-semibold">{name}</p>
                   <Link
-                    href={url}
+                    href={endpoint}
                     className="text-sm text-primary hover:opacity-75 transition-all transform-gpu"
                     target="_blank"
                   >
-                    <p>{url}</p>
+                    <p>{endpoint}</p>
                   </Link>
                 </div>
                 <div className={cn("flex items-center font-semibold", getColor(status))}>