[UI] Migrate Playwright models spec to use Playwright Page Object Model

Current Behavior

We are currently maintaining Playwright E2E tests with inline selectors and interactions. This results in test files that are tightly coupled to UI details. This issue will cover adding one page for the models spec test. https://github.com/meshery/meshery/blob/master/ui/tests/e2e/models.spec.js

Desired Behavior

Refactor Playwright test suites to follow the Page Object Model (POM) design pattern. https://playwright.dev/docs/pom

Implementation

Introduce a pages/ directory inside the Playwright test suite ( ./tests/pages/ ). The class should encapsulate locators and expose functions with relevant page interactions.

---

Contributor Guides and Handbook

• Wireframes and designs for Meshery UI in Figma (open invite)
• Contributing to Meshery UI
• Questions: Discussion Forum and Community Slack