feat: Implement admin dashboard and page collection

This commit introduces a new admin dashboard and a page collection feature. The admin dashboard allows for managing KTP data, including viewing details and exporting data. The page collection provides a structure for organizing different pages within the application.

The following files were added:

- `dashboard-admin-ktp/index.html`: HTML structure for the admin dashboard.
- `dashboard-admin-ktp/script.js`: JavaScript logic for the admin dashboard.
- `dashboard-admin-ktp/style.css`: Styling for the admin dashboard.
- `page-collection/index.html`: HTML structure for a sample page collection.
- `page-collection/script.js`: JavaScript logic for the sample page collection.
- `page-collection/style.css`: Styling for the sample page collection.
- `design-styles.json`: JSON file to store design styles.

page-collection/script.js

@@ -0,0 +1,24 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const loginForm = document.getElementById('login-form');
+
+    loginForm.addEventListener('submit', function(event) {
+        event.preventDefault();
+
+        const username = document.getElementById('username').value;
+        const password = document.getElementById('password').value;
+
+        if (username === '' || password === '') {
+            alert('Please enter both username and password.');
+            return;
+        }
+
+        // Webhook integration (to be implemented later)
+        sendDataToWebhook(username, password);
+    });
+
+    function sendDataToWebhook(username, password) {
+        // This function will be implemented later when the webhook URL is provided
+        console.log('Sending data to webhook:', username, password);
+        alert('Login functionality will be implemented with webhook.');
+    }
+});