Broken keyboard navigation / focus indicators

**Describe the bug**
When navigating the application using the keyboard (Tab key), the focus outline for some interactive elements is broken or not fully visible

- For certain elements, only some edges or corners of the focus outline are visible, making it hard to see which element is selected.
- For other elements, the focus outline is completely missing, so there is no visible indicator when the element is focused.
This affects keyboard only users and accessibility compliance, as it is difficult to navigate the interface without a clear focus indicator

**To Reproduce**
Steps to reproduce the behavior:

1. Go to https://nest.owasp.org/
2. Click on tab (repeatedly, see focus changing across components)

**Expected behavior**
All interactive elements :-
- Be reachable using the Tab key
- Display a fully visible and consistent focus indicator when focused

**Are you going to work on fixing this?**

- [x] Yes
- [ ] No

**Screenshots**
If applicable, add screenshots to help explain your problem.

https://github.com/user-attachments/assets/e63d9598-ba26-4ec6-9ffa-900781d982f5