feat: 인증인가 페이지 라우팅 가드 적용

src/pages/groups/[id]/index.tsx

@@ -4,6 +4,7 @@ import { GroupInfoCard, GroupInfoCardSkeleton } from "@/components/display/Cards
 import { MemberCard, MemberCardSkeleton } from "@/components/display/Cards/MemberCard";
 import { ReceiptCard, ReceiptCardSkeleton } from "@/components/display/Cards/ReceiptCard";
 import { Button } from "@/components/forms/Button";
+import { withProtectedRoute } from "@/components/guards/withProtectedRoute";
 
 import { useGroupMembers } from "@/hooks/groups/useGroupMembers";
 import { useReceipt } from "@/hooks/receipt/useReceipt";
@@ -12,7 +13,7 @@ import { ChevronRightIcon } from "@/assets/ChevronRightIcon";
 
 import { useUploadModal } from "@/context/UploadModalContext";
 
-export default function GroupDetailPage() {
+export default withProtectedRoute(function GroupDetailPage() {
     const { isPending: isGroupInfoPending, data: members } = useGroupMembers();
     const { setIsModalOpened } = useUploadModal();
 
@@ -88,4 +89,4 @@ export default function GroupDetailPage() {
             </div>
         </div>
     );
-}
+});

src/pages/groups/my.tsx

@@ -1,3 +1,5 @@
-export default function MyGroupPage() {
+import { withProtectedRoute } from "@/components/guards/withProtectedRoute";
+
+export default withProtectedRoute(function MyGroupPage() {
     return <>my-gorups</>;
-}
+});

src/pages/groups/new.tsx

@@ -2,11 +2,12 @@ import { Button } from "@/components/forms/Button";
 import { Input } from "@/components/forms/Input";
 import { Label } from "@/components/forms/Label";
 import { Textarea } from "@/components/forms/TextArea";
+import { withProtectedRoute } from "@/components/guards/withProtectedRoute";
 import { Title } from "@/components/typography/Title";
 
 import { useNewGroup } from "@/hooks/groups/useNewGroup";
 
-export default function NewGroupPage() {
+export default withProtectedRoute(function NewGroupPage() {
     const { nameRef, cityRef, organizationRef, descriptionRef, handleSubmit } = useNewGroup();
 
     return (
@@ -35,4 +36,4 @@ export default function NewGroupPage() {
             </div>
         </div>
     );
-}
+});

src/pages/profile/index.tsx

@@ -1,8 +1,10 @@
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/display/Avatar";
 import { Button } from "@/components/forms/Button";
+import { withProtectedRoute } from "@/components/guards/withProtectedRoute";
+
 import { useProfile } from "@/context/ProfileContext";
 
-export default function ProfilePage() {
+export default withProtectedRoute(function ProfilePage() {
     const profile = useProfile();
 
     return (
@@ -27,4 +29,4 @@ export default function ProfilePage() {
             </div>
         </div>
     );
-}
+});