small frontend refactoring / style updates

internal/site/src/components/routes/settings/config-yaml.tsx

@@ -63,7 +63,7 @@ export default function ConfigYaml() {
 						</Trans>
 					</p>
 					<Alert className="my-4 border-destructive text-destructive w-auto table md:pe-6">
-						<AlertCircleIcon className="h-4 w-4 stroke-destructive" />
+						<AlertCircleIcon className="size-4.5 stroke-destructive" />
 						<AlertTitle>
 							<Trans>Caution - potential data loss</Trans>
 						</AlertTitle>

internal/site/src/components/routes/system/smart-table.tsx

@@ -36,10 +36,6 @@ export const smartColumns: ColumnDef<SmartAttribute>[] = [
    {
       accessorKey: "id",
       header: "ID",
-      cell: ({ getValue }) => {
-         const id = getValue() as number | undefined
-         return <div className="font-mono text-sm">{id?.toString() || ""}</div>
-      },
    },
    {
       accessorFn: (row) => row.n,
@@ -386,8 +382,6 @@ export default function DisksTable({ systemId }: { systemId: string }) {
 function DiskSheet({ disk, smartData, open, onOpenChange }: { disk: DiskInfo | null; smartData?: SmartData; open: boolean; onOpenChange: (open: boolean) => void }) {
    if (!disk) return null
 
-   const [sorting, setSorting] = React.useState<SortingState>([{ id: "id", desc: false }])
-
    const smartAttributes = smartData?.a || []
 
    // Find all attributes where when failed is not empty
@@ -411,11 +405,6 @@ function DiskSheet({ disk, smartData, open, onOpenChange }: { disk: DiskInfo | n
       data: smartAttributes,
       columns: visibleColumns,
       getCoreRowModel: getCoreRowModel(),
-      getSortedRowModel: getSortedRowModel(),
-      onSortingChange: setSorting,
-      state: {
-         sorting,
-      }
    })
 
    return (