feat: finish portal pages

src/components/dashboard_button.rs

@@ -27,7 +27,7 @@ pub fn DashboardButton(
     #[prop(into)]
     description: String,
     /// The file path or URL of the icon displayed at the top of the button.
-    #[prop(into)]
+    #[prop(optional, into)]
     icon: String,
     /// The route that the user is navigated to when clicking the button.
     #[prop(into)]

src/pages/student/additional_page.rs

@@ -11,7 +11,7 @@ pub fn AdditionalPage() -> impl IntoView {
                 "All forms listed under this tab are for additional eligibility factors that some scholarships require."
             </div>
             <div class="text-lg">
-                "None of these forms are required, but they may increase the total number of scholarships that you are eligibile to be applied to."
+                "None of these forms are required, but they may increase the total number of scholarships that you are eligible to be applied to."
             </div>
             <DashboardButton
                 title="Scholarship Book"
@@ -19,6 +19,41 @@ pub fn AdditionalPage() -> impl IntoView {
                 icon="/Book.png"
                 path="https://docs.google.com/document/d/1qVs0Lwvwl1bVGHznocoev3AF56KlhTfs/view"
             />
+            <DashboardButton
+                title="Academic Information"
+                description="Grades, tests, and more"
+                path="/students/additional/academics"
+            />
+            <DashboardButton
+                title="Athletics"
+                description="Sports and outdoors"
+                path="/students/additional/athletics"
+            />
+            <DashboardButton
+                title="Work Experience"
+                description="Add job information"
+                path="/students/additional/work-experience"
+            />
+            <DashboardButton
+                title="Extracurriculars"
+                description="Clubs and activities"
+                path="/students/additional/extracurriculars"
+            />
+            <DashboardButton
+                title="University Information"
+                description="Where are you going to school?"
+                path="/students/additional/university"
+            />
+            <DashboardButton
+                title="Family Information"
+                description="General parent and sibling information"
+                path="/students/additional/family-info"
+            />
+            <DashboardButton
+                title="Financials"
+                description="FAFSA SAR Upload"
+                path="/students/additional/financials"
+            />
         </div>
         <div class="flex-1" />
     }

src/pages/student/home_page.rs

@@ -19,7 +19,7 @@ pub fn StudentHomePage() -> impl IntoView {
                 path="https://docs.google.com/document/d/1qVs0Lwvwl1bVGHznocoev3AF56KlhTfs/view"
             />
             <DashboardButton
-                title="Demographics Forms"
+                title="Demographics Form"
                 description="Basic student information"
                 icon="/Person_Black.png"
                 path="/students/demographics"
@@ -28,7 +28,7 @@ pub fn StudentHomePage() -> impl IntoView {
                 title="Additional Forms"
                 description="Extra eligibility factors"
                 icon="/Form_Black.png"
-                path="/students/demographics"
+                path="/students/additional"
             />
         </div>
         <div class="flex-1" />