chore: enable forceConsistentCasingInFileNames; fix <ul> children to be valid <li> only

components/public/navigation/index.tsx

@@ -126,17 +126,19 @@ export default function Navigation() {
               </Link>
             </li>
           ))}
-          <div
-            ref={selectorRef}
-            className={classNames(
-              "h-1 absolute bottom-4 transition-all duration-200 flex items-center justify-center",
-              {
-                "opacity-0": !hash,
-              }
-            )}
-          >
-            <div className="size-1 bg-white rounded-full" />
-          </div>
+          <li role="presentation" aria-hidden="true" className="relative">
+            <div
+              ref={selectorRef}
+              className={classNames(
+                "h-1 absolute bottom-4 transition-all duration-200 flex items-center justify-center",
+                {
+                  "opacity-0": !hash,
+                }
+              )}
+            >
+              <div className="size-1 bg-white rounded-full" />
+            </div>
+          </li>
         </ul>
         <div className="flex items-center justify-end gap-2">
           {user ? (

tsconfig.json

@@ -13,6 +13,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
+    "forceConsistentCasingInFileNames": true,
     "plugins": [
       {
         "name": "next"