Issue: Refactor Demo Page to Use Source Files Directly

[kpj2006]

The current index.html demo page has duplicated styles and doesn't properly import the actual component files from [src]. This creates a maintenance problem where:

Duplication: Custom styles in index.html override or duplicate styles from social-share-button.css inside src/
Inconsistency: Demo behavior may differ from actual component usage
Maintenance burden: Changes to [social-share-button.css] aren't reflected in demo but we wanted to use them

Expected Behavior
The demo should:

• Import CSS and JS files directly from [src] directory or made cpy of social-share-button.js and social-share-button.css
  basically Open browser DevTools (F12) and check Console tab, is it available or not.
• Remove all duplicated/overriding styles from index.html
• Work correctly when running locally (e.g., npx serve or python -m http.server)
• Show the exact component behaviour users will get while integrating using npm or cdn
• Demo loads correctly when served locally attach screenshots with pr(after ->before)

also do not modify src/ folder until you found any bug.

This is for local demo purposes to preview us how they looks like when we use it. The goal is to have a single source of truth for component styles in [social-share-button.css and .js], and the demo should accurately reflect real-world usage.

[krishnan05]

Hey, @kpj2006
I would like to work on this, kindly assign this to me

[ankitkr104]

hey @kpj2006 ,
i want to take this issue and work on it could u please assign me also.