fix: 404 Component is missing (#592)

* fix: 404 Component is missing

* chore: update 404 page style

---------

Co-authored-by: JustSong <songquanpeng@foxmail.com>

web/src/App.js

@@ -283,7 +283,9 @@ function App() {
           </Suspense>
           </Suspense>
         }
         }
       />
       />
-      <Route path='*' element={NotFound} />
+      <Route path='*' element={
+          <NotFound />
+      } />
     </Routes>
     </Routes>
   );
   );
 }
 }

web/src/pages/NotFound/index.js

 import React from 'react';
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
+import { Message } from 'semantic-ui-react';
 
 
 const NotFound = () => (
 const NotFound = () => (
   <>
   <>
-    <Header
-      block
-      as="h4"
-      content="404"
-      attached="top"
-      icon="info"
-      className="small-icon"
-    />
-    <Segment attached="bottom">
-      未找到所请求的页面
-    </Segment>
+    <Message negative>
+      <Message.Header>页面不存在</Message.Header>
+      <p>请检查你的浏览器地址是否正确</p>
+    </Message>
   </>
   </>
 );
 );