feat: update package version to 4.0.2 and add version badge to demo page

- Updated package.json version from 4.0.1 to 4.0.2
- Added version badge display in demo page jumbotron section
- Implemented JavaScript to dynamically load version from package.json
- Version badge uses Bootstrap styling to match existing design

Co-Authored-By: ateliee <ateliee@gmail.com>

Author: devin-ai-integration[bot]

demo/index.html

@@ -81,6 +81,9 @@ <h1 id="home" class="h2" style="padding-bottom: 16px">jq.Schedule</h1>
         <p>
             Drag and Drop Support/Resize Schedule/Ajax Support(Callback Event Option)
         </p>
+        <div style="padding-bottom: 16px">
+            <span class="label label-info" id="version-badge">Loading version...</span>
+        </div>
         <div style="padding-bottom: 16px"><button onclick="javascript:location.href='https://github.com/ateliee/jquery.schedule';" class="btn btn-lg btn-primary" type="button">Download jq.Schedule</button></div>
         <div>
             <iframe src="https://ghbtns.com/github-btn.html?user=ateliee&repo=jquery.schedule&type=star&count=true&size=large" frameborder="0" scrolling="0" width="140px" height="30px"></iframe>
@@ -447,6 +450,12 @@ <h2 id="data">Schedule Data</h2>
         $('#clear-logs').on('click', function(){
             $('#logs .table').empty();
         });
+
+        $.getJSON('../package.json', function(data) {
+            $('#version-badge').text('v' + data.version);
+        }).fail(function() {
+            $('#version-badge').text('v4.0.2');
+        });
     });
 </script>
 </body>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ateliee/jq.schedule",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "jQuery time schedule plugin",
   "main": "src/js/jq.schedule.js",
   "types": "src/@types/jq.schedule.d.ts",