Refactor: UmiJs -> Vite (#12410)

### What problem does this PR solve?

Refactor: UmiJs -> Vite+React

### Type of change

- [x] Refactoring

---------

Co-authored-by: Liu An <asiro@qq.com>

web/src/pages/admin/layouts/navigation-layout.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { NavLink, Outlet, useNavigate } from 'umi';
+import { NavLink, Outlet, useNavigate } from 'react-router';
 
 import { useMutation, useQuery } from '@tanstack/react-query';
 

web/src/pages/admin/layouts/root-layout.tsx

@@ -1,4 +1,4 @@
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
 
 const AdminRootLayout = () => {
   return <Outlet />;

web/src/pages/admin/login.tsx

@@ -2,7 +2,7 @@ import { type AxiosResponseHeaders } from 'axios';
 import { useEffect, useId } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
 
 import { useMutation } from '@tanstack/react-query';
 

web/src/pages/admin/user-detail.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useNavigate, useParams } from 'umi';
+import { useNavigate, useParams } from 'react-router';
 
 import { LucideArrowLeft, LucideDot } from 'lucide-react';
 

web/src/pages/admin/users.tsx

@@ -1,6 +1,6 @@
 import { useLayoutEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
 
 import {
   createColumnHelper,

web/src/pages/admin/wrappers/authorized.tsx

@@ -1,6 +1,6 @@
 import { Routes } from '@/routes';
 import authorizationUtil from '@/utils/authorization-util';
-import { Navigate, Outlet } from 'umi';
+import { Navigate, Outlet } from 'react-router';
 
 export default function AuthorizedAdminWrapper() {
   const isLogin = !!authorizationUtil.getAuthorization();