feat: setup stencil development environment with component preview

[abretonc7s]

Description

This PR improves the development experience for SDK UI components by adding a Stencil development server and comprehensive component preview page.

Key Changes

Development Environment

• Added development server configuration in stencil.config.ts
• Configured hot-reload and live preview capabilities
• Added dev command for streamlined development workflow

Component Preview Page

Added a new index.html that serves as a development playground with:

• Navigation between different modal types (Install, Pending, Select)
• Live examples of each component with proper props
• Clean, organized layout for easy testing

Implementation Details

The development server runs on http://localhost:4444/ and features:

• Hot-reload for immediate feedback during development
• Easy switching between different modal components
• Example implementations with commonly used props

Example usage for developers:

<!-- Install Modal Example -->
<mm-install-modal
  link="https://example.com/install"
  sdk-version="1.0.0"
  prefer-desktop="true"
>
</mm-install-modal>

<!-- Pending Modal Example -->
<mm-pending-modal>
</mm-pending-modal>

<!-- Select Modal Example -->
<mm-select-modal
  link="https://example.com/select"
  sdk-version="1.0.0"
  prefer-desktop="true"
>
</mm-select-modal>

Testing Instructions

1. Start the development server:

   cd packages/sdk-install-modal-web
   yarn dev

2. Open http://localhost:4444 in your browser

3. Test different components using the navigation bar

4. Make changes to component files and verify hot-reload functionality

5. Test components with different prop combinations

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 74.02%. Comparing base (53af746) to head (1255261).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1196   +/-   ##
=======================================
  Coverage   74.02%   74.02%           
=======================================
  Files         182      182           
  Lines        4343     4343           
  Branches     1064     1064           
=======================================
  Hits         3215     3215           
  Misses       1128     1128           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[chakra-guy]

LGTM

The base branch was changed.

[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

[christopherferreira9]

LGTM