added event helpers to ui libary, added Badge component, reordered Dashboard Components, splitted Event Admin page

apps/hub/app/(app)/page.tsx

@@ -3,6 +3,7 @@ import { ArrowRight, NotebookText, Award, RocketIcon } from "lucide-react";
 import Link from "next/link";
 import Events from "./_components/Events";
 import StatsClientWrapper from "./_components/StatsClientWrapper";
+import { Badges } from "./_components/Badges";
 
 /*
 ✔️ Einlog-Zeit
@@ -36,22 +37,7 @@ export default function Home() {
 						<Logbook />
 					</div>
 				</div>
-				<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
-					<div className="card-body">
-						<h2 className="card-title justify-between">
-							<span className="card-title">
-								<Award className="w-4 h-4" /> Verdiente Abzeichen
-							</span>
-						</h2>
-						Badges
-					</div>
-				</div>
-			</div>
-
-			<div className="col-span-full">
-				<p className="text-xl font-semibold text-left flex items-center gap-2 mb-2 mt-5">
-					<RocketIcon className="w-4 h-4" /> Laufende Events & Kurse
-				</p>
+				<Badges />
 			</div>
 			<Events />
 		</div>