update dependencies

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "dependencies": {
     "@ant-design/pro-form": "^2.30.2",
-    "antd": "^5.20.6",
+    "antd": "^5.21.2",
     "axios": "^1.7.7",
     "colorthief": "^2.4.0",
     "dayjs": "^1.11.13",
@@ -22,7 +22,7 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-player-controls": "^1.1.0",
     "react-redux": "^9.1.2",
-    "react-resizable-panels": "^2.1.3",
+    "react-resizable-panels": "^2.1.4",
     "react-router-dom": "^6.26.2",
     "react-scripts": "5.0.1",
     "react-time-ago": "^7.3.3",
@@ -36,8 +36,7 @@
     "build": "react-scripts build && cp build/index.html build/404.html",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
+    "predeploy": "npm run build"
   },
   "eslintConfig": {
     "extends": [
@@ -64,15 +63,14 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.13",
-    "@types/lodash": "^4.17.7",
-    "@types/node": "^22.5.5",
-    "@types/react": "^18.3.8",
+    "@types/lodash": "^4.17.9",
+    "@types/node": "^22.7.4",
+    "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@types/spotify-web-playback-sdk": "^0.1.19",
     "@types/tinycolor2": "^1.4.6",
-    "gh-pages": "^6.1.1",
-    "sass": "^1.77.6",
+    "sass": "^1.79.4",
     "typescript": "^4.4.2",
-    "web-vitals": "^4.2.1"
+    "web-vitals": "^4.2.3"
   }
 }

src/pages/Home/components/topTracks/index.tsx

@@ -15,7 +15,11 @@ export const TopTracks: FC<{ setColor: (str: string) => void }> = (props) => {
   if (!topTracks || !topTracks.length) return null;
 
   return (
-    <Row gutter={[16, 16]} style={{ margin: '20px 0px' }} justify='space-between'>
+    <Row
+      gutter={[16, 16]}
+      style={{ margin: '20px 0px', marginTop: isMobile ? 20 : 70 }}
+      justify='space-between'
+    >
       {topTracks.slice(0, isMobile ? 4 : undefined).map((item) => {
         return (
           <Col key={item.name} xs={24} md={12} lg={6}>