feat: Enhance UI/UX across multiple views with consistent styling and improved layout

wwwroot/css/site.css

@@ -33,4 +33,17 @@ body {
 
 .navbar-custom .nav-link:hover {
   color: #d4d4d4; /* A light gray for hover effect */
+}
+
+/* For tables, to control column widths */
+.table .col-content {
+  max-width: 400px; /* Adjust as needed */
+  word-wrap: break-word; /* Break long words */
+  white-space: normal; /* Allow text to wrap normally */
+}
+
+.table .col-actions {
+  width: 150px; /* Fixed width for action buttons, adjust as needed */
+  min-width: 120px; /* Ensure minimum space */
+  white-space: nowrap; /* Keep buttons on one line, prevent wrapping */
 }