Replace SVGs with icons, restructure the table for CRUD operations across the project, standardize the application's display, and build a new template for the table's action buttons.

app/components/layout/Sidebar.tsx

@@ -288,17 +288,7 @@ export function Sidebar() {
             color: "#fff",
           }}
         >
-          <svg
-            width="13"
-            height="13"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2.5"
-            strokeLinecap="round"
-          >
-            <path d="M18 6 6 18M6 6l12 12" />
-          </svg>
+          <i className="ti ti-x" style={{ fontSize: 13 }} aria-hidden="true" />
         </button>
 
         <SidebarContent