在前幾天的實作中，我們已經成功建立了一個可以互動、帶有防呆對話框的用藥清單。但目前的資料都還是寫死在程式碼裡的「假資料」。為了讓這套系統真正實用，今天我們要來打造「新增用藥」的表單介面，讓使用者可以自行輸入醫生開立的處方箋。

我們會繼續發揮 Tailwind CSS 的網格系統 (Grid) 與表單樣式，設計一個乾淨、直覺的輸入區塊。
Step 1：建立表單元件
在 src/components 資料夾底下，新增一個檔案名為 AddMedicationForm.jsx。
我們將利用 Tailwind 的 grid 與 md:grid-cols-3，讓表單在電腦版並排顯示，在手機版則會自動垂直排列，達成完美的響應式設計 (RWD)。

Step 2：將表單整合進主畫面
接著，打開主畫面檔案 src/App.jsx，把我們剛寫好的 AddMedicationForm 匯入，並把它放置在 MedicationList 的正上方。
請將 App.jsx 更新為以下內容：

接下來成功畫面會長這樣，之後會新增功能可以輸入你新的藥進去