Refactor UI elements for consistency and clarity

- Updated action buttons across multiple files to use icons (e.g., "Save" to "💾+", "Delete" to "X").
- Replaced "Cancel" button text with a left arrow (←) for a more intuitive navigation experience.
- Removed unnecessary action columns from tables to streamline the interface.
- Enhanced table rows to be clickable for better user interaction, redirecting to relevant management pages.
- Adjusted font sizes and styles in CSS for improved readability and aesthetics.
- Standardized back button functionality to use a left arrow across various pages.

style/admin.css

@@ -15,7 +15,7 @@
 * {
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
-  font-size: 16px;
+  font-size: 12px;
 }
 
 html {
@@ -138,7 +138,6 @@ aside h1 {
 
 aside > a {
   font-size: 14px;
-  font-weight: 600;
   text-decoration: none;
   color: var( --text-color-accent-2);
   padding: 15px 20px;
@@ -228,15 +227,13 @@ main.full {
 }
 
 main h2 {
-  font-size: 20px;
+  font-size: 18px;
   padding-bottom: 20px;
-  font-weight: 600;
 }
 
 main h2 span {
-  font-size: 16px;
+  font-size: 14px;
   margin-left: 5px;
-  font-weight: 600;
   color: #959faf;
 }
 
@@ -265,9 +262,9 @@ main .content-title .title i {
   align-items: center;
   background-color: var(--color-green);
   color: var(--color-white);
-  width: 52px;
-  height: 42px;
-  border-radius: 4px;
+  width: 40px;
+  height: 40px;
+  border-radius: 3px;
   margin-right: 12px;
 }
 
@@ -284,6 +281,7 @@ main .content-title .title p {
   font-size: 14px;
   color: var( --text-color-accent-2);
   font-weight: 500;
+  display: none;
 }
 
 main .msg {
@@ -1256,7 +1254,7 @@ background-color: var(--color-indicator-1);
   background: var(--color-green);
   color: var(--color-white);
   padding: 0 14px;
-  font-size: 14px;
+  font-size: 12px;
   font-weight: 600;
   border-radius: 4px;
   height: 38px;
@@ -1283,17 +1281,6 @@ background-color: var(--color-indicator-1);
   font-style: italic;
 }
 
-a.btn:after{
-  content: ' ';
-  display: inline-block;
-  border-bottom: 1px solid var(--color-white);
-  border-right: 1px solid var(--color-white);
-  height: 8px;
-  width: 8px;
-  transform: rotate(-45deg);
-  margin-left: 1rem;
-}
-
 .btn_link {
   display: inline-flex;
   align-items: center;