feat: Modern Theme and Dashboard Enhancements

- Implemented Modern Theme (Inter font, Rounded UI, Indigo/White palette)
- Updated Login Page with gradient background and modern card
- Added Age Demographics to Dashboard (Stats count)
- Integrated Chart.js for Population Donut Chart
- Made Dashboard Info Boxes clickable with Age Category filtering
- Updated Resident Data table to support age filtering

index.php

@@ -41,6 +41,8 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.css" rel="stylesheet">
 	<!-- Google Font: Source Sans Pro -->
 	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
+    <!-- Modern CSS -->
+    <link rel="stylesheet" href="dist/css/modern.css">
 	<!-- Alert -->
 	<script src="plugins/alert.js"></script>
 </head>
@@ -49,12 +51,12 @@
 	<!-- Site wrapper -->
 	<div class="wrapper">
 		<!-- Navbar -->
-		<nav class="main-header navbar navbar-expand navbar-red navbar-light">
+		<nav class="main-header navbar navbar-expand navbar-white navbar-light">
 			<!-- Left navbar links -->
 			<ul class="navbar-nav">
 				<li class="nav-item">
 					<a class="nav-link" data-widget="pushmenu" href="#">
-						<i class="fas fa-bars text-white"></i>
+						<i class="fas fa-bars text-secondary"></i>
 					</a>
 				</li>
 
@@ -65,7 +67,7 @@
 
 				<li class="nav-item d-none d-sm-inline-block">
 					<a href="index.php" class="nav-link">
-						<font color="white">
+						<font color="black">
 							<b>SISTEM INFORMASI DATA KEPENDUDUKAN</b>
 						</font>
 					</a>
@@ -76,11 +78,11 @@
 		<!-- /.navbar -->
 
 		<!-- Main Sidebar Container -->
-		<aside class="main-sidebar sidebar-dark-primary elevation-4">
+		<aside class="main-sidebar sidebar-dark-indigo elevation-4">
 			<!-- Brand Logo -->
 			<a href="index.php" class="brand-link">
 				<img src="dist/img/izin.png" alt="AdminLTE Logo" class="brand-image" style="opacity: .8">
-				<span class="brand-text"> SIDAK</span>
+				<span class="brand-text font-weight-bold"> SIDAK WEB V2</span>
 			</a>
 
 			<!-- Sidebar -->
@@ -848,6 +850,8 @@
         }
     </script>
 
+    <!-- ChartJS -->
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </body>
 
 </html>