Update login to redirect to current user page

components/Login/LoginForm.tsx

@@ -29,9 +29,8 @@ const LoginForm = () => {
 
   const onSubmit: SubmitHandler<LoginT> = async (data) => {
     try {
-      const response = await sendLoginUserRequest(data);
-
-      router.push(`/users/${response.id}`);
+      await sendLoginUserRequest(data);
+      router.push(`/user/current`);
     } catch (error) {
       if (error instanceof Error) {
         setResponseError(error.message);
@@ -74,7 +73,7 @@ const LoginForm = () => {
 
       {responseError && <ErrorAlert error={responseError} setError={setResponseError} />}
       <div className="w-full">
-        <button type="submit" className="btn btn-primary w-full">
+        <button type="submit" className="btn-primary btn w-full">
           Login
         </button>
       </div>

components/ui/Spinner.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 
 interface SpinnerProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg';
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 
 const Spinner: FC<SpinnerProps> = ({ size = 'md' }) => {
@@ -10,13 +10,14 @@ const Spinner: FC<SpinnerProps> = ({ size = 'md' }) => {
     sm: 'w-[20px]',
     md: 'w-[100px]',
     lg: 'w-[150px]',
+    xl: 'w-[200px]',
   };
 
   return (
     <div role="status" className="flex flex-col items-center justify-center rounded-3xl">
       <svg
         aria-hidden="true"
-        className={`${spinnerWidths[size]} animate-spin fill-success text-gray-500`}
+        className={`${spinnerWidths[size]} animate-spin fill-secondary text-primary`}
         viewBox="0 0 100 101"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"