refactor: remaining css to tailwind #1

[JammingBen]

refs #937

Migration

• oc-invisible-sr > sr-only
• oc-cursor-pointer > cursor-pointer
• oc-invisible > invisible
• oc-hidden > hidden

For the oc-visible@ classes, you generally want to set hidden on the element and then something like sm:block (or whatever display value fits). For oc-hidden@ it's the same but vice versa.

[Copilot]

Pull Request Overview

This PR migrates remaining CSS utility classes to Tailwind equivalents, specifically replacing custom oc- prefixed classes with standard Tailwind classes.

• oc-invisible-sr → sr-only for screen reader only content
• oc-cursor-pointer → cursor-pointer for pointer cursor styling
• oc-invisible → invisible for hiding elements

Reviewed Changes

Copilot reviewed 80 out of 80 changed files in this pull request and generated no comments.

File	Description
Multiple test snapshot files	Updated snapshots to reflect CSS class name changes
Multiple Vue component files	Replaced custom CSS classes with Tailwind equivalents
Multiple SCSS/CSS files	Removed custom CSS rules now handled by Tailwind
Test files	Updated test assertions to check for new class names

Comments suppressed due to low confidence (1)

packages/web-app-ocm/src/views/ConnectionsPanel.vue:1

• The CSS property visibility: none is invalid. The correct value should be visibility: hidden.

<template>

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[kulmann]

💪