fix: update TypeScript configuration and improve mobile navigation handling

Author: mk965

components/cards/project/index.tsx

@@ -75,7 +75,7 @@ export function ProjectCard({ project }: { project: (typeof PROJECTS)[0] }) {
           src={imgSrc}
           alt={title}
           fill
-          className="object-cover transition-transform duration-500 group-hover:scale-105"
+          className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
         />
         <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100" />
       </div>

components/header/mobile-nav.tsx

@@ -13,15 +13,15 @@ import { Logo } from './logo'
 
 export function MobileNav() {
   const [navShow, setNavShow] = useState(false)
-  const navRef = useRef(null)
+  const navRef = useRef<HTMLElement | null>(null)
 
   const onToggleNav = () => {
     setNavShow((status) => {
       if (status) {
-        enableBodyScroll(navRef.current)
+        navRef.current && enableBodyScroll(navRef.current)
       } else {
         // Prevent scrolling
-        disableBodyScroll(navRef.current)
+        navRef.current && disableBodyScroll(navRef.current)
       }
       return !status
     })

tsconfig.json

@@ -5,7 +5,7 @@
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": true,
+    "strict": false,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "composite": true,