✨feat: Support TailwindCSS V3

Signed-off-by: Apple\Apple <zeraturing@foxmail.com>

web/src/index.css

@@ -1,3 +1,14 @@
+@layer tailwind-base,semi,tailwind-components,tailwind-utils;
+@layer tailwind-base{
+  @tailwind base;
+}
+@layer tailwind-components{
+  @tailwind components;
+}
+@layer tailwind-utils {
+  @tailwind utilities;
+}
+
 body {
   margin: 0;
   padding-top: 0;

web/src/index.js

@@ -1,10 +1,10 @@
+import './index.css';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import HeaderBar from './components/HeaderBar';
 import 'semantic-ui-offline/semantic.min.css';
-import './index.css';
 import { UserProvider } from './context/User';
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';