🚑 hot fix (landing padding, scope file and typo)

src/components/Footer.tsx

@@ -11,7 +11,7 @@ const Footer: React.FC = () => {
               <img src="/Landing/Logo.svg" alt="Bangmod Hackathon Logo" className="mb-4 w-32" />
               <div className="mt-6">
                 <p className="font-[500]">
-                  ภาควิชาวิศวกรรมคอมพิวเตอร์ คณะวิศวกรรมศาสตร์ <br />
+                  ภาควิชาวิศวกรรมคอมพิวเตอร์ <br /> คณะวิศวกรรมศาสตร์ <br />
                   มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี
                 </p>
                 <div className="font-normal">

src/components/Form/TeacherForm.tsx

@@ -103,7 +103,7 @@ const TeacherForm: React.FC = () => {
             </Form.Item>
           </div>
           <div className="w-full p-4 lg:w-1/3">
-            <Form.Item<ITeamTeacherForm> label="ประเภทอาหาร (เช่น มังสวิรัต ฮาลาล)" name="advisorFoodPreference">
+            <Form.Item<ITeamTeacherForm> label="ประเภทอาหาร (เช่น มังสวิรัติ ฮาลาล)" name="advisorFoodPreference">
               <Input title="ประเภทอาหาร (เช่น มังสวิรัติ ฮาลาล)" placeholder="Food preference Ex. Vegan Halal" />
             </Form.Item>
           </div>

src/pages/LandingPage.tsx

@@ -31,6 +31,7 @@ const LandingPage: React.FC = () => {
           <Scope />
         </Element>
         {/* <Sponsor /> */}
+        <div className=" w-full py-[50rem]"></div> {/* Add padding กราฟิกอยากได้ทะเล*/}
         <Element id="footer" name="footer">
           <Footer />
         </Element>

src/pages/RegisterFormStep.tsx

@@ -4,14 +4,14 @@ import { isAxiosError } from 'axios'
 import { debounce } from 'lodash'
 import React, { useEffect, useRef, useState } from 'react'
 import { useNavigate } from 'react-router'
+import ButtonPrimary from '../components/Buttons/ButtonPrimary'
 import PageChanger from '../components/Form/PageChanger'
 import ParticipantStepForm from '../components/Form/ParticipantStepForm'
 import TeamTeacherStepForm from '../components/Form/TeamTeacherStepForm'
 import Stage, { StageStatus } from '../components/Steps/Stage'
 import { IParticipant, ITeamTeacherForm, IUser } from '../interfaces/user.interface'
 import { axiosInstance } from '../utils/axios'
 import { UploadFile } from '../utils/uploadFile'
-import ButtonPrimary from '../components/Buttons/ButtonPrimary'
 
 const RegisterFormStep: React.FC = () => {
   const navigate = useNavigate()
@@ -78,7 +78,7 @@ const RegisterFormStep: React.FC = () => {
   useEffect(() => {
     const fetchData = async () => {
       try {
-        let data
+        let data: IUser
         try {
           data = (await axiosInstance.get('/api/auth/me')).data
         } catch {