adding exports to backend package, page icons update

packages/backend/package.json

@@ -5,6 +5,10 @@
 	"license": "SEE LICENSE IN LICENSE file",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
+	"exports": {
+		".": "./dist/index.js",
+		"./*": "./dist/*.js"
+	},
 	"scripts": {
 		"build": "tsc && pnpm copy-assets",
 		"dev": "tsc --watch",

packages/frontend/src/routes/dashboard/compliance/legal-holds/+page.svelte

@@ -10,11 +10,11 @@
 	import { Label } from '$lib/components/ui/label';
 	import { Textarea } from '$lib/components/ui/textarea';
 	import { enhance } from '$app/forms';
-	import { MoreHorizontal, Plus, Users } from 'lucide-svelte';
+	import { MoreHorizontal, Plus, ShieldCheck } from 'lucide-svelte';
 	import { setAlert } from '$lib/components/custom/alert/alert-state.svelte';
 	import type { LegalHold } from '@open-archiver/types';
 
-	let { data, form }: { data: PageData; form: ActionData } = $props();
+	let { data }: { data: PageData; form: ActionData } = $props();
 
 	let holds = $derived(data.holds);
 
@@ -85,9 +85,6 @@
 <div class="mb-6 flex items-center justify-between">
 	<div>
 		<h1 class="text-2xl font-bold">{$t('app.legal_holds.header')}</h1>
-		<p class="text-muted-foreground mt-1 text-sm">
-			{$t('app.legal_holds.header_description')}
-		</p>
 	</div>
 	<Button onclick={() => (isCreateOpen = true)}>
 		<Plus class="mr-1.5 h-4 w-4" />
@@ -132,7 +129,7 @@
 						</Table.Cell>
 						<Table.Cell>
 							<div class="flex items-center gap-1.5">
-								<Users class="text-muted-foreground h-3.5 w-3.5" />
+								<ShieldCheck class="text-muted-foreground h-3.5 w-3.5" />
 								<Badge variant={hold.emailCount > 0 ? 'secondary' : 'outline'}>
 									{hold.emailCount}
 								</Badge>

packages/frontend/src/routes/dashboard/compliance/retention-labels/+page.svelte

@@ -3,6 +3,7 @@
 	import { t } from '$lib/translations';
 	import { Button } from '$lib/components/ui/button';
 	import { Badge } from '$lib/components/ui/badge';
+	import { Tag } from 'lucide-svelte';
 	import * as Table from '$lib/components/ui/table';
 	import * as Dialog from '$lib/components/ui/dialog/index.js';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
@@ -87,9 +88,13 @@
 						</Table.Cell>
 						<!-- Applied email count — shows a subtle badge with the number -->
 						<Table.Cell>
-							<Badge variant={label.appliedEmailCount > 0 ? 'secondary' : 'outline'}>
+						<div class="flex items-center gap-1.5">
+								<Tag class="text-muted-foreground h-3.5 w-3.5" />
+								<Badge variant={label.appliedEmailCount > 0 ? 'secondary' : 'outline'}>
 								{label.appliedEmailCount}
 							</Badge>
+							</div>
+							
 						</Table.Cell>
 						<Table.Cell>
 							{#if label.isDisabled}