fix: use link navigation where possible

Author: chiptus

src/pages/EditionSelection.tsx

@@ -101,11 +101,13 @@ export default function EditionSelection() {
               <CardContent>
                 <Button
                   variant="outline"
-                  onClick={() => navigate("/")}
+                  asChild
                   className="w-full border-purple-400 text-purple-400 hover:bg-purple-400 hover:text-white"
                 >
-                  <ArrowLeft className="h-4 w-4 mr-2" />
-                  Back to Festivals
+                  <Link to="/">
+                    <ArrowLeft className="h-4 w-4 mr-2" />
+                    Back to Festivals
+                  </Link>
                 </Button>
               </CardContent>
             </Card>

src/pages/ExploreSetPage/ExploreSetPage.tsx

@@ -143,7 +143,7 @@ export function ExploreSetPage() {
     setSkippedCount((prev) => prev + 1);
     setTimeout(() => {
       if (isLastSet) {
-        navigate(-1);
+        navigate(`${basePath}/sets`);
       } else {
         setCurrentIndex((prev) => prev + 1);
         setDirection(null);

src/pages/groups/GroupDetail.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useParams, useNavigate } from "react-router-dom";
+import { useParams, useNavigate, Link } from "react-router-dom";
 import { TopBar } from "@/components/layout/TopBar";
 import {
   Card,
@@ -82,8 +82,8 @@ function GroupDetail() {
             </CardDescription>
           </CardHeader>
           <CardContent>
-            <Button onClick={() => navigate("/")} className="w-full">
-              Go to Home
+            <Button asChild className="w-full">
+              <Link to="/">Go to Home</Link>
             </Button>
           </CardContent>
         </Card>
@@ -111,8 +111,8 @@ function GroupDetail() {
             </CardDescription>
           </CardHeader>
           <CardContent>
-            <Button onClick={() => navigate("/groups")} className="w-full">
-              Back to Groups
+            <Button asChild className="w-full">
+              <Link to="/groups">Back to Groups</Link>
             </Button>
           </CardContent>
         </Card>

src/pages/groups/Groups/SignInRequired.tsx

@@ -6,10 +6,9 @@ import {
   CardContent,
 } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
-import { useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 export function SignInRequired() {
-  const navigate = useNavigate();
   return (
     <div className="min-h-screen bg-app-gradient flex items-center justify-center">
       <Card className="w-full max-w-md">
@@ -18,8 +17,8 @@ export function SignInRequired() {
           <CardDescription>Please sign in to manage groups</CardDescription>
         </CardHeader>
         <CardContent>
-          <Button onClick={() => navigate("/")} className="w-full">
-            Go to Home
+          <Button asChild className="w-full">
+            <Link to="/">Go to Home</Link>
           </Button>
         </CardContent>
       </Card>