fix: replace focus:outline-hidden with visible focus styles for accessibility

[nazimmuhammed]

Improved accessibility by replacing focus:outline-hidden with visible focus styles using focus-visible:outline.

This ensures keyboard users can clearly see focus state.

Closes #3988

[coderabbitai]

Caution

Review failed

The pull request is closed.

Summary by CodeRabbit

• Documentation

  • Updated security policy with vulnerability reporting guidelines, response timelines, and supported versions information.

• Style

  • Improved keyboard focus indicator styling for footer buttons.

Walkthrough

Security policy documentation added with structured vulnerability reporting procedures. Jest ResizeObserver mock implementation refactored from empty methods to Jest mock fields. Footer button focus styling updated to use focus-visible classes for improved keyboard accessibility.

Changes

Cohort / File(s)	Summary
Documentation SECURITY.md	Added "Supported Versions", "Reporting a Vulnerability", "What to Include", "How to Report", and "Response Timeline" sections detailing security reporting workflow, timelines for acknowledgment and investigation, and disclosure procedures.
Test Setup frontend/jest.setup.ts	Refactored ResizeObserver mock: changed disconnect(), observe(), and unobserve() from empty method declarations to public fields initialized with jest.fn() for improved mock call tracking.
Frontend Components frontend/src/components/Footer.tsx	Updated Button focus styling from focus:outline-hidden to focus-visible:outline variants (focus-visible:outline, focus-visible:outline-2, focus-visible:outline-slate-500) for enhanced keyboard accessibility.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

• fix: replace empty ResizeObserver methods with jest.fn mocks #3975: Directly modifies ResizeObserver mock methods in jest.setup.ts with the same jest.fn() field conversion pattern.
• Improve focus outline and accessibility for button #3178: Updates button focus styling by switching from generic focus outlines to focus-visible outline classes.
• fix: justify empty ResizeObserver mock methods (S1186) #3403: Also modifies ResizeObserver mock in jest.setup.ts but addresses empty method bodies differently.

Suggested labels

frontend, frontend-tests, docs

Suggested reviewers

• arkid15r
• kasya

✨ Finishing Touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

The linked issue must be assigned to the PR author.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[cubic-dev-ai]

No issues found across 3 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.