switch to jetbrains mono variable font and change up the mini ranking card a little bit

src/app/layout.tsx

@@ -15,8 +15,8 @@ import "./globals.css";
 import { Colors } from "@/common/colors";
 
 const siteFont = localFont({
-  src: "./fonts/JetBrainsMono-Regular.woff2",
-  weight: "100 900",
+  src: "./fonts/JetBrainsMono.ttf",
+  weight: "100 400",
 });
 
 export const metadata: Metadata = {

src/components/ranking/mini.tsx

@@ -133,7 +133,9 @@ export default function Mini({ type, player }: MiniProps) {
                 </Avatar>
                 <p
                   className={
-                    playerRanking.id === player.id ? "text-gray-400" : ""
+                    playerRanking.id === player.id
+                      ? "text-pp font-semibold"
+                      : ""
                   }
                 >
                   {playerName}