fix: remove black border from menu items with !important

- Add explicit focus styles to prevent browser default focus outlines
- Use !important to override any Ant Design default styles

Author: andeplane

src/index.css

@@ -124,22 +124,32 @@ body,
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   background: transparent;
   position: relative;
-  border: none;
-  outline: none;
+  border: none !important;
+  outline: none !important;
   box-shadow: none;
 }
 
+.ant-menu-item:focus {
+  border: none !important;
+  outline: none !important;
+}
+
 .ant-menu-dark .ant-menu-item-selected {
   background: linear-gradient(135deg, rgb(73, 107, 187), rgb(100, 173, 230));
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   color: #fff;
   font-weight: 600;
-  border: none;
-  outline: none;
+  border: none !important;
+  outline: none !important;
   box-shadow: none;
 }
 
+.ant-menu-dark .ant-menu-item-selected:focus {
+  border: none !important;
+  outline: none !important;
+}
+
 .ant-menu-item:hover:not(.ant-menu-item-selected) {
   background-color: rgba(255, 255, 255, 0.05);
   transform: translateX(4px);