refactor(AdvancedTable): Increased max width and updated number filter display names

frontend/src/App.vue

@@ -1191,7 +1191,7 @@ img {
 	background-color: var(--white);
 	color: var(--dark-grey);
 	width: 100% !important;
-	max-width: 500px !important;
+	max-width: 600px !important;
 	max-height: calc(100vh - 300px);
 	overflow-y: auto;
 

frontend/src/components/AdvancedTable.vue

@@ -852,23 +852,23 @@ export default {
 				},
 				numberLesserEqual: {
 					name: "numberLesserEqual",
-					displayName: "<="
+					displayName: "Less than or equal to"
 				},
 				numberLesser: {
 					name: "numberLesser",
-					displayName: "<"
+					displayName: "Less than"
 				},
 				numberGreater: {
 					name: "numberGreater",
-					displayName: ">"
+					displayName: "Greater than"
 				},
 				numberGreaterEqual: {
 					name: "numberGreaterEqual",
-					displayName: ">="
+					displayName: "Greater than or equal to"
 				},
 				numberEquals: {
 					name: "numberEquals",
-					displayName: "=="
+					displayName: "Equals"
 				},
 				boolean: {
 					name: "boolean",
@@ -2221,7 +2221,7 @@ export default {
 		}
 	}
 
-	@media screen and (max-width: 500px) {
+	@media screen and (max-width: 600px) {
 		&.advanced-filter {
 			flex-wrap: wrap;
 			.control.select {

frontend/src/pages/Admin/tabs/Songs.vue

@@ -89,6 +89,7 @@
 									params: slotProps.item._id
 								})
 							"
+							:disabled="slotProps.item.removed"
 							content="Delete Song"
 							v-tippy
 						>
@@ -316,7 +317,7 @@ export default {
 				{
 					name: "options",
 					displayName: "Options",
-					properties: ["_id", "status", "removed"],
+					properties: ["_id", "status"],
 					sortable: false,
 					hidable: false,
 					resizable: false,