add : DropDown and NavBar component

[jason810496]

Router Link Schema

spec 沒有特別定
所以我這邊就先照著翻譯（？）

寫在 /src/data/navBar.json 這邊

Navbar

從 /src/data/navBar.json 讀取資料

如果要新增新的 navbar item 就直接在/src/data/navBar.json 加就好

props :

• theme : light or dark (default: light)

navBar.json schema :

如果 linkList 只有 1 個的話，就不會顯示 dropdown

[
    {
        "title": "關於單車節",
        "linkList" : [
            {
                "name": "關於單車節",
                "link": "/about"
            }
        ]
    },
    {
        "title": "參加資訊",
        "linkList" : [
            {
                "name": "交通資訊",
                "link": "/information/traffic"
            },
            {
                "name": "攤位地圖",
                "link": "/information/map"
            },
            {
                "name": "行程表",
                "link": "/information/schedule"
            },
            {
                "name": "我的行程",
                "link": "/information/mySchedule"
            }
        ]
    },
    // ...
]

DropDown

props :

• title : dropdown 顯示的名字
• linkList : hover 會顯示的 <a> 列表
  • name : <a> 顯示的名字
  • link : <a> 的連結

[yeeway0609]

DropDown

• 需要加個背景底色，寬度就以最多字的為主（例如最寬跟「給高中生的一封信」一樣就好）
• 項目文字置左對齊大標題
• DropDown 應該不會用到其他部分了，所以看要不要直接整合到 navbar裡

NavBar

• 點選「成大單車節」logo要導回首頁
• 「參加資訊」大標題也可以點選，點進去會一樣是「參加資訊/交通資訊」
• 「主題資訊」大標題也可以點選，點進去會是七大活動列表，route是 /about
• 「知識論壇」大標題也可以點選，點進去會是三大項目列表，route是 /forum
• 「紀念品預購」改成「紀念品小舖」
• 底部加個陰影作為分隔線
• navBar.json 直接加到 navBar.vue 的 裡，應該不會再新增項目了
• 之後我會再定 router schema，現在先不用改沒關係，我之後再修

[yeeway0609]

我先幫你merge進main，navbar可以再改唷