fix: #8 small fixes

package.json

@@ -15,12 +15,12 @@
     "react-icons": "^5.0.1"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/node": "20.11.30",
+    "@types/react": "18.2.70",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "typescript": "^5"
+    "typescript": "5.4.3"
   }
 }

src/components/common/Footer/Footer.tsx

@@ -3,7 +3,7 @@ import { FaXTwitter } from "react-icons/fa6";
 
 function BottomLink ({ children }: { children: React.ReactNode }) {
     return (
-        <p className="font-sans text-xs cursor-pointer">{children}</p>
+        <p className="font-sans text-xs cursor-pointer text-center">{children}</p>
     );
   }
 
@@ -28,9 +28,9 @@ function BottomLink ({ children }: { children: React.ReactNode }) {
     return (
         <div className="flex flex-col lg:flex-row px-6 py-5 text-blue border-t border-blue">
             <span className="flex w-full justify-center lg:justify-start py-4 lg:py-0 order-2 lg:order-1">
-                <p className="font-sans text-xs">KONFERNO © 2024 Wszelkie prawa zastrzeżone</p>
+                <p className="font-sans text-xs text-center">KONFERO © 2024 Wszelkie prawa zastrzeżone</p>
             </span>
-            <span className="flex flex-wrap lg:flex-nowrap w-full justify-center lg:justify-end items-center space-x-6 order-1 lg:order-2">
+            <span className="flex flex-col space-y-3 xs:space-y-0 xs:flex-row xs::row-span-3 lg:flex-nowrap w-full justify-center lg:justify-end items-center xs:space-x-6 order-1 lg:order-2">
                 <BottomLink>Sponsorzy</BottomLink>
                 <BottomLink>Ostrzeżenie prawne</BottomLink>
                 <BottomLink>Polityka prywatności</BottomLink>

tailwind.config.ts

@@ -8,6 +8,12 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      screens: {
+        xs: "475px",
+        mds: "799px",
+        mdl: "910px",
+        "3xl": "1760px",
+      },
       backgroundImage: {
         "darkblue2blue-gradient":
           "linear-gradient(to bottom right, rgb(var(--color-darkblue)), rgb(var(--color-blue)))",