Fix Layout

app/visualisasi/status/page.tsx

@@ -17,20 +17,15 @@ export default function StatusMahasiswaPage() {
   
     return (
       <div className="container mx-auto p-4 space-y-6">
-        <h1 className="text-3xl font-bold mb-4">Status Mahasiswa</h1>
+        <h1 className="text-3xl font-bold mb-4">Status Kuliah</h1>
         
         <div className="mb-4">
           <p className="text-gray-600 dark:text-gray-300">
-            Mahasiswa status adalah status kuliah mahasiswa program studi Informatika Fakultas Teknik Universitas Tanjungpura.
+            Informasi jumlah mahasiswa, jenis pendaftaran, asal daerah, dan rata-rata IPK dengan filter tahun angkatan dan status kuliah.
           </p>
         </div>
   
         <Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
-          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle className="text-sm font-medium dark:text-white">
-              Filter Data
-            </CardTitle>
-          </CardHeader>
           <CardContent>
             <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
               <FilterTahunAngkatan 
@@ -47,17 +42,28 @@ export default function StatusMahasiswaPage() {
 
         {selectedYear === "all" ? (
         <>
-          <StatusMahasiswaFilterChart 
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <StatusMahasiswaFilterChart 
+              selectedYear={selectedYear}
+              selectedStatus={selectedStatus}
+            />
+            <JenisPendaftaranStatusChart
+              selectedYear={selectedYear}
+              selectedStatus={selectedStatus}
+            />
+            <IpkStatusChart
             selectedYear={selectedYear}
             selectedStatus={selectedStatus}
-          />
-          <JenisPendaftaranStatusChart
+            />
+            <AsalDaerahStatusChart
             selectedYear={selectedYear}
             selectedStatus={selectedStatus}
-          />
+            />
+          </div>
         </>
         ) : (
           <>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <StatusMahasiswaFilterPieChart
               selectedYear={selectedYear}
               selectedStatus={selectedStatus}
@@ -66,19 +72,12 @@ export default function StatusMahasiswaPage() {
               selectedYear={selectedYear}
               selectedStatus={selectedStatus}
             />
-          </>
-        )}
-
-        <AsalDaerahStatusChart
-          selectedYear={selectedYear}
-          selectedStatus={selectedStatus}
-        />
-
-        {selectedYear === "all" && (
-          <IpkStatusChart
+            <AsalDaerahStatusChart
             selectedYear={selectedYear}
             selectedStatus={selectedStatus}
-          />
+            />
+            </div>
+          </>
         )}
 
       </div>