feat: add navbar

[xiaowangxiaowang256256]

#70
本次更新内容：
1、修复：调整AI 小助手图片，之前图片在黑暗模式下 有白色像素；
2、修复：Sponsor list 在手机模式下 表格溢出；
3、功能：添加导航条，便于后续 菜单添加与维护；

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
opensource-f2f-website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 12, 2024 7:15am

[xiaowangxiaowang256256]

@sxzz @LinuxSuRen 亲爱的小伙伴们，大家上午好。如果有空余时间，帮我 review 一下代码哈，有什么问题我及时整改哈

[sxzz]

We should also add an icon for menu list. Use heart with pink color for sponsor

[LinuxSuRen]

We should also add an icon for menu list. Use heart with pink color for sponsor

Sounds good.

[xiaowangxiaowang256256]

We should also add an icon for menu list. Use heart with pink color for sponsor

Sounds good.

Refer to this.

[xiaowangxiaowang256256]

We should also add an icon for menu list. Use heart with pink color for sponsor

Have finished.

[xiaowangxiaowang256256]

I want to use lg-visiable to control the element display, but it does not take effect, not clear the specific reason, the current can only use the media query way to solve the element display. Can you help me find out the reason
--- 我想使用 lg-visiable 来控制 元素的显示，但是没有生效，不太清楚具体的原因哈，当前只能使用的是 媒体查询的方式，来解决元素显示。你可以帮我查找一下原因么

[sxzz]

默认所有元素都是显示 visible 的（visiable拼写有误），我们要的应该是 隐藏 hidden sm-hidden, md-hidden。不同断点可以查阅 https://tailwindcss.com/docs/responsive-design#using-custom-breakpoints

[xiaowangxiaowang256256]

默认所有元素都是显示 visible 的（visiable拼写有误），我们要的应该是 隐藏 hidden sm-hidden, md-hidden。不同断点可以查阅 https://tailwindcss.com/docs/responsive-design#using-custom-breakpoints

1、嗯嗯 单词拼写有误了
2、我的需求是：将该元素 >640px 像素时显示，<=640px 时隐藏。当前我使用的是 useMediaQuery('(min-width: 640px)') 来查询屏幕，并控制显示。我再去研究研究 断点的使用方法哈

[sxzz]

Refactored a lot for you

[LinuxSuRen]

Conflicting files found.

[xiaowangxiaowang256256]

Nice, navigation menu successfully launched ~

[LinuxSuRen]

Looks great!