feat(app): 添加电子木鱼页面和导航栏

- 新增电子木鱼页面组件，包含点击动画效果
- 实现导航栏组件，支持路由切换高亮显示
- 更新App.js引入新的页面和导航组件
- 修改DatetimeToTimestamp组件样式布局
- 替换原navbar样式为新的nav导航样式
- 添加NavLink实现路由链接激活状态样式

src/App.js

@@ -1,18 +1,26 @@
-import {HashRouter as Router, Routes, Route} from 'react-router-dom';
+import {HashRouter as Router, Routes, Route, NavLink} from 'react-router-dom';
 import TimestampPage from './pages/TimestampPage';
+import ElectronicWoodenFishPage from "./pages/ElectronicWoodenFishPage";
 import './App.css';
 
 function App() {
-  return (
-    <Router>
-      <div className="app">
-        <Routes>
-          <Route path="/" element={<TimestampPage/>}/>
-          <Route path="/timestamp" element={<TimestampPage/>}/>
-        </Routes>
-      </div>
-    </Router>
-  );
+  return (<Router>
+    
+    <div className="app">
+      <nav className="nav">
+        <ul className="nav-list">
+          <li><NavLink to="/" className={({isActive}) => isActive ? "nav-link active" : "nav-link"}>Timestamp</NavLink></li>
+          <li><NavLink to="/dzmy" className={({isActive}) => isActive ? "nav-link active" : "nav-link"}>电子木鱼</NavLink></li>
+        </ul>
+      </nav>
+      
+      <Routes>
+        <Route path="/" element={<TimestampPage/>}/>
+        <Route path="/timestamp" element={<TimestampPage/>}/>
+        <Route path="/dzmy" element={<ElectronicWoodenFishPage/>}/>
+      </Routes>
+    </div>
+  </Router>);
 }
 
 export default App;