fix: add version from package json on footer, apply no resize for textarea contact, add skills section on sidebar and change the order

package.json

@@ -1,7 +1,7 @@
 {
   "name": "givs-website-react",
   "private": true,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.tsx

@@ -29,12 +29,12 @@ function App() {
         <section id="about">
           <About />
         </section>
-        <section id="contact">
-          <Contact />
-        </section>
         <section id="skills">
           <Skills />
         </section>
+        <section id="contact">
+          <Contact />
+        </section>
         <section id="projects">
           <Projects />
         </section>

src/components/Footer/index.tsx

@@ -1,8 +1,10 @@
+import packageInfo from '../../../package.json'
 export default function Footer() {
+    const { version } = packageInfo
     return (
         <footer>
             <p>© 2025 GivFNZ</p>
-            <p>Version: 1.3.1</p>
+            <p>Version: {version}</p>
         </footer>
     )
 }

src/components/Header/index.tsx

@@ -40,6 +40,7 @@ export default function Header() {
           <DrawerContainer onClick={() => setOpenDrawer(false)}>
             <DrawerItem>Giv's Website</DrawerItem>
             <DrawerItem href="#about">{t("about")}</DrawerItem>
+            <DrawerItem href="#skills">{t("skills")}</DrawerItem>
             <DrawerItem href="#contact">{t("contact")}</DrawerItem>
             <DrawerItem href="#projects">{t("projects")}</DrawerItem>
             <DrawerItem href="#music">{t("music")}</DrawerItem>

src/pages/contact/styles.ts

@@ -6,6 +6,7 @@ export const TextArea = styled.textarea`
   width: 100%;
   padding: 1rem;
   border-radius: 8px;
+  resize: none;
 `;
 
 export const Button = styled.button`