feat: who are you for profile stored in redux

src/app/(pages)/listunescrowed/component/Tab1.tsx

@@ -10,16 +10,18 @@ import {
 import { ArrowBigRight } from "lucide-react";
 import NextButton from "@/components/Button/NextButton";
 import Image from "next/image";
+import { useDispatch, useSelector } from "react-redux";
 
 type Props = {
   onNext: () => void;
 };
 
 const Tab1 = ({ onNext }: Props) => {
-  const [selectedCard, setSelectedCard] = useState<string>("");
+  const dispatch = useDispatch();
+  const who = useSelector((state: any) => state.profile.who);
 
   const handleSelect = (value: string) => {
-    setSelectedCard(value);
+    dispatch({ type: "profile/setWho", payload: value });
   };
 
   return (
@@ -38,7 +40,7 @@ const Tab1 = ({ onNext }: Props) => {
               className={`lg:mx-10 p-5 py-8 flex flex-col gap-5 justify-center items-center 
                 hover:shadow-lg hover:shadow-[#34597e]
                 ${
-                  selectedCard != "Organization"
+                  who != "Organization"
                     ? "shadow-[#34597e] shadow-lg"
                     : "opacity-50 "
                 }`}
@@ -56,7 +58,7 @@ const Tab1 = ({ onNext }: Props) => {
               className={`lg:mx-10 p-5 py-8 flex flex-col gap-5 justify-center items-center 
                 hover:shadow-lg hover:shadow-[#34597e]
                 ${
-                  selectedCard !== "Individual"
+                  who !== "Individual"
                     ? "shadow-[#34597e] shadow-lg"
                     : "opacity-50 "
                 }`}

src/app/(pages)/listunescrowed/component/Tab2.tsx

@@ -10,7 +10,7 @@ import {
 } from "@/components/ui/card";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import {
   ArrowBigLeft,
   ArrowBigRight,
@@ -19,6 +19,7 @@ import {
   User2Icon,
 } from "lucide-react";
 import NextButton from "@/components/Button/NextButton";
+import { useSelector } from "react-redux";
 
 type Props = {
   onPrev: () => void;
@@ -28,7 +29,6 @@ type Props = {
 const Tab2 = ({ onPrev, onNext }: Props) => {
   const [avatar, setAvatar] = useState<string | null>("");
   const [isDragging, setIsDragging] = useState(false);
-
   const handleAvatarChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
     if (file) {

src/app/Redux/Features/profile/profileSlice.tsx

@@ -1,6 +1,5 @@
 "use client";
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-import { set } from "react-hook-form";
 
 type Profilestate = {
   who: string;