feat: add detailed steps and timeline for Philippines 13A visa application process

[gabconcepcionph]

• Added initial page to support Step (optional) process per visa type
• Added structural Playwright coverage for
• src/pages/travel/visa-types/index.tsx to ensure hero, category sidebar, and visa cards render correctly.
• Validated layout for src/pages/travel/visa-types/[type].tsx, including minimum requirements, optional steps, and subtypes cards tied to the expanded 13A data.

Testing
npx playwright test e2e/travel/visa-types.spec.ts

With steps

Without steps

[niculistana]

@gabconcepcionph Can this be an accordion instead? This would ensure that each step has more details and the user doesn't have to scroll too much.

Feel free to use this doc as reference: https://ui.shadcn.com/docs/components/accordion

[DaijobuDes]

Suggested change

test.describe('Philippine visa types', () => {

Since tests do not share contexts, this should be safe to remove. It's best to use test.describe() when creating tests with shared contexts.

[DaijobuDes]

Please refrain from using the locator() method and manually specifying the HTML tags or xpath to locate an element. Please use the getByRole() method instead.

locator() is best used when you are trying to narrow down elements to locate then paired with getByRole()