fix: visual issues (footer floating, table elements overflowing each others)

web/src/views/RoleEditorView.vue

@@ -93,7 +93,7 @@ onMounted(editor.load)
 </script>
 
 <template>
-	<DashboardShell compact-padding>
+	<DashboardShell compact-padding sticky-footer>
 		<template #breadcrumb>
 			<UBreadcrumb
 				:items="[
@@ -324,7 +324,7 @@ onMounted(editor.load)
 			</div>
 		</div>
 
-		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-4 flex flex-col">
+		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-4 flex flex-col lg:-mx-6">
 			<UButton
 				v-if="!isDesktop"
 				color="neutral"