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

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

src/components/DatetimeToTimestamp.js

@@ -16,11 +16,12 @@ export function DatetimeToTimestamp() {
   return (<div>
     <h2>日期时间转时间戳</h2>
     <div>
-      <div>
+      <div style={{display: 'flex', gap: '8px', alignItems: 'center'}}>
         <input
           type="text"
           placeholder="输入日期时间"
           value={dateValue}
+          style={{minWidth: '200px'}}
           onChange={(e) => setDateValue(e.target.value)}/>
         <select
           value={selectedZone}
@@ -39,11 +40,12 @@ export function DatetimeToTimestamp() {
         </button>
       </div>
       
-      <div>
+      <div style={{display: 'flex', gap: '8px', alignItems: 'center'}}>
         <input
           type="text"
           placeholder="转换结果"
           value={result}
+          style={{minWidth: '200px'}}
           readOnly
         />
         <select
@@ -56,5 +58,6 @@ export function DatetimeToTimestamp() {
         </select>
       </div>
     </div>
-  </div>)
+  </div>);
+  
 }