frontend: add program

frontend/src/App.css

@@ -9,3 +9,55 @@
 .mainText {
   color: #5f5e5e;
 }
+
+/* General table styles */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+    font-size: 1em;
+    font-family: 'Arial', sans-serif;
+}
+
+/* Table header styles */
+th {
+    background-color: #4CAF50; /* Green */
+    color: white;
+    padding: 10px;
+    text-align: left;
+}
+
+/* Table cell styles */
+td {
+    padding: 10px;
+    border: 1px solid #ddd;
+}
+
+/* Zebra striping for table rows */
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+/* Responsive table styles */
+@media (max-width: 600px) {
+    table {
+        display: block;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+    
+    th, td {
+        padding: 8px;
+        font-size: 0.9em;
+    }
+    
+    th {
+        font-weight: bold;
+        background-color: #3C8A3C;
+    }
+}
+
+/* Hover effect for rows */
+tr:hover {
+    background-color: #f1f1f1;
+}