smoll Fixes

src/pages/regeln/[mode].astro

@@ -53,7 +53,7 @@ const {Content} = await page.render();
     <h1 class="text-3xl font-bold">{t(`${page.data.translationKey}.title`)}</h1>
     {mode && mode.data.ranked && (
         <Fragment>
-            <EloTable gamemode={page.id.split("/")[1].split(".")[0]} client:load/>
+            <EloTable gamemode={page.id.split("/")[1].split(".")[0]} client:load topFive={true}/>
             <a class="text-neutral-800 dark:text-neutral-400 hover:underline" href={l(`/rangliste/${page.id.split("/")[1].split(".")[0]}`)}>{t("rules.ranking")}</a>
         </Fragment>
     )}

src/pages/regeln/index.astro

@@ -31,10 +31,11 @@ const modes = await getCollection("modes", entry => entry.data.main);
                     alt={t("rules." + value.data.translationKey + ".title")} class="h-full aspect-square max-w-fit"></Image>
             </a>
             <div class="ml-4">
+                <a href={l(`/rules/${value.id}`)}>
                     <h1 class="text-2xl font-bold">{t(value.data.translationKey + ".title")}</h1>
                     <div>{t("rules." + value.data.translationKey + ".description")}</div>
+                </a>
                 <div class="mt-2 flex flex-col">
-                    <a href={l(`/rules/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t("rules.rules")}</a>
                     <a href={l(`/publics/${value.id}`)} class="text-yellow-300 hover:underline w-fit">{t("rules.publics")}</a>
                     {value.data.ranked
                         ? <a href={l(`/ranked/${value.id}`)}