refactor: remove unused accessibility composable and keyboard navigation, update styles for focus visibility

Author: prabhuignoto

README.md

@@ -59,9 +59,6 @@
       "prettier --write"
     ]
   },
-  "dependencies": {
-    "focus-visible": "^5.2.1"
-  },
   "devDependencies": {
     "@babel/core": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",

package.json

@@ -48,16 +48,12 @@ export const useBundleOptimizations = () => {
       switch (componentName) {
         case 'TouchOptimizations':
           return await import('./useTouchOptimizations');
-        case 'Accessibility':
-          return await import('./useAccessibility');
         case 'Animations':
           return await import('./useAnimations');
         case 'Performance':
           return await import('./usePerformanceOptimizations');
         case 'ErrorHandling':
           return await import('./useErrorHandling');
-        case 'KeyboardNavigation':
-          return await import('./useKeyboardNavigation');
         default:
           throw new Error(`Unknown component: ${componentName}`);
       }

pnpm-lock.yaml

@@ -6,10 +6,6 @@ $hover-shadow:
   0 20px 25px -5px rgba(0, 0, 0, 0.1),
   0 8px 10px -6px rgba(0, 0, 0, 0.1);
 
-.js-focus-visible :focus:not(.focus-visible) {
-  outline: none;
-}
-
 .menu-head-wrapper {
   position: fixed;
   z-index: 9999;
@@ -168,7 +164,7 @@ $hover-shadow:
   }
 }
 
-@keyframes slideIn {
+@keyframes slide-in {
   0% {
     opacity: 0;
     transform: scale(0.9) translateY(-8px);