feat: initialize Poverty Mapping module with authentication, dynamic UI, and map management logic

03PovertyMapping/assets/js/app.js

@@ -219,11 +219,11 @@ function updateHelpStep() {
     document.querySelector(`.help-step[data-step="${helpStep}"]`)?.classList.add('active');
     document.getElementById('helpProgress').textContent = helpStep + ' / ' + helpTotal;
     document.getElementById('helpPrev').disabled = helpStep === 1;
-    document.getElementById('helpNext').disabled = helpStep === helpTotal;
     if (helpStep === helpTotal) {
-        document.getElementById('helpNext').textContent = 'Selesai';
-        document.getElementById('helpNext').onclick = () => closeModal('helpModal');
+        document.getElementById('helpNext').style.visibility = 'hidden';
     } else {
+        document.getElementById('helpNext').style.visibility = 'visible';
+        document.getElementById('helpNext').disabled = false;
         document.getElementById('helpNext').textContent = 'Berikutnya →';
         document.getElementById('helpNext').onclick = () => helpNav(1);
     }

03PovertyMapping/index.html

@@ -651,7 +651,7 @@
         <div class="help-step" data-step="2"><div class="help-step-icon"><i class="fas fa-place-of-worship"></i></div><h3>Menambah Tempat Ibadah</h3><p>Klik tab <strong>"Ibadah"</strong> di sidebar, lalu klik lokasi pada peta. Form akan muncul untuk mengisi detail.</p></div>
         <div class="help-step" data-step="3"><div class="help-step-icon"><i class="fas fa-home"></i></div><h3>Menambah Rumah Tangga</h3><p>Klik tab <strong>"Rumah"</strong>, lalu klik lokasi pada peta. Skor kemiskinan dihitung <em>otomatis</em> berdasarkan data yang diisi.</p></div>
         <div class="help-step" data-step="4"><div class="help-step-icon"><i class="fas fa-flag"></i></div><h3>Verifikasi Laporan Publik</h3><p>Klik <strong>Panel Admin → Laporan Publik</strong> untuk melihat laporan dari masyarakat. Setujui untuk langsung menambah data ke peta.</p></div>
-        <div class="help-step" data-step="5"><div class="help-step-icon"><i class="fas fa-chart-bar"></i></div><h3>Dashboard &amp; Laporan</h3><p>Klik tab <strong>"Chart"</strong> untuk grafik analitik. Marker dapat diseret untuk memindahkan posisi. Radius dapat diubah langsung dari popup.</p></div>
+        <div class="help-step" data-step="5"><div class="help-step-icon"><i class="fas fa-chart-bar"></i></div><h3>Dashboard &amp; Laporan</h3><p>Klik tab <strong>"Chart"</strong> untuk grafik analitik. Marker dapat diseret untuk memindahkan posisi. Radius dapat diubah langsung dari popup. Klik tanda silang (&times;) di pojok kanan atas untuk menutup panduan.</p></div>
     </div>
     <div class="help-nav">
         <button class="btn btn-secondary btn-sm" id="helpPrev" onclick="helpNav(-1)" disabled>&#8592; Sebelumnya</button>

index.html

@@ -312,7 +312,7 @@ footer{background:#0f6543;padding:48px clamp(20px,5vw,80px);text-align:center}
         <span class="card-tag">Pemetaan Fasilitas</span>
         <h3 class="card-title">Mapping SPBU</h3>
         <p class="card-desc">Aplikasi WebGIS untuk pemetaan lokasi stasiun pengisian bahan bakar umum (SPBU) dengan fitur visualisasi interaktif dan manajemen data geografis.</p>
-        <a href="http://localhost/webgis/01SPBU/index.html" class="card-btn" target="_blank" rel="noopener">
+        <a href="http://gosoks4sgcs408gswgw48o40.203.24.51.230.sslip.io" class="card-btn" target="_blank" rel="noopener">
           Buka Proyek
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
         </a>
@@ -339,7 +339,7 @@ footer{background:#0f6543;padding:48px clamp(20px,5vw,80px);text-align:center}
         <span class="card-tag">Demografi</span>
         <h3 class="card-title">Choropleth Map – Kepadatan Penduduk Kota Pontianak</h3>
         <p class="card-desc">Visualisasi peta choropleth yang menampilkan distribusi kepadatan penduduk di Kota Pontianak menggunakan gradasi warna untuk analisis demografis.</p>
-        <a href="http://localhost/webgis/02Cloropeth/index.html" class="card-btn" target="_blank" rel="noopener">
+        <a href="http://d0840kkc88w8gc4sc0c4swss.203.24.51.230.sslip.io" class="card-btn" target="_blank" rel="noopener">
           Buka Proyek
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
         </a>
@@ -367,7 +367,7 @@ footer{background:#0f6543;padding:48px clamp(20px,5vw,80px);text-align:center}
         <span class="card-tag">Analisis Sosial</span>
         <h3 class="card-title">WebGIS Pemetaan Kemiskinan</h3>
         <p class="card-desc">Aplikasi WebGIS yang memetakan distribusi spasial rumah tangga berpenghasilan rendah dan menghubungkannya dengan tempat ibadah sebagai pusat distribusi bantuan.</p>
-        <a href="http://localhost/webgis/03PovertyMapping/login.html" class="card-btn" target="_blank" rel="noopener">
+        <a href="http://qskgcck8cwgkk048k0wgsooo.203.24.51.230.sslip.io/index.html" class="card-btn" target="_blank" rel="noopener">
           Buka Proyek
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
         </a>