fix(frontend): add missing explicit types for button elems

frontend/src/pages/Packages.jsx

@@ -272,6 +272,7 @@ const Packages = () => {
 					pkg.affectedHostsCount || pkg.affectedHosts?.length || 0;
 				return (
 					<button
+						type="button"
 						onClick={() => handleAffectedHostsClick(pkg)}
 						className="text-left hover:bg-secondary-100 dark:hover:bg-secondary-700 rounded p-1 -m-1 transition-colors group"
 						title={`Click to view all ${affectedHostsCount} affected hosts`}
@@ -354,6 +355,7 @@ const Packages = () => {
 								{error.message || "Failed to load packages"}
 							</p>
 							<button
+								type="button"
 								onClick={() => refetch()}
 								className="mt-2 btn-danger text-xs"
 							>
@@ -380,6 +382,7 @@ const Packages = () => {
 				</div>
 				<div className="flex items-center gap-3">
 					<button
+						type="button"
 						onClick={() => refetch()}
 						disabled={isFetching}
 						className="btn-outline flex items-center gap-2"
@@ -524,6 +527,7 @@ const Packages = () => {
 							{/* Columns Button */}
 							<div className="flex items-center">
 								<button
+									type="button"
 									onClick={() => setShowColumnSettings(true)}
 									className="flex items-center gap-2 px-3 py-2 text-sm text-secondary-700 dark:text-secondary-300 bg-white dark:bg-secondary-700 border border-secondary-300 dark:border-secondary-600 rounded-md hover:bg-secondary-50 dark:hover:bg-secondary-600 transition-colors"
 								>
@@ -560,6 +564,7 @@ const Packages = () => {
 													className="px-4 py-2 text-center text-xs font-medium text-secondary-500 dark:text-secondary-300 uppercase tracking-wider"
 												>
 													<button
+														type="button"
 														onClick={() => handleSort(column.id)}
 														className="flex items-center gap-1 hover:text-secondary-700 dark:hover:text-secondary-200 transition-colors"
 													>
@@ -644,6 +649,7 @@ const ColumnSettingsModal = ({
 						Customize Columns
 					</h3>
 					<button
+						type="button"
 						onClick={onClose}
 						className="text-secondary-400 hover:text-secondary-600 dark:text-secondary-500 dark:hover:text-secondary-300"
 					>
@@ -672,6 +678,7 @@ const ColumnSettingsModal = ({
 								</span>
 							</div>
 							<button
+								type="button"
 								onClick={() => onToggleVisibility(column.id)}
 								className={`p-1 rounded ${
 									column.visible
@@ -691,12 +698,14 @@ const ColumnSettingsModal = ({
 
 				<div className="flex justify-between mt-6">
 					<button
+						type="button"
 						onClick={onReset}
 						className="px-4 py-2 text-sm font-medium text-secondary-700 dark:text-secondary-200 bg-white dark:bg-secondary-700 border border-secondary-300 dark:border-secondary-600 rounded-md hover:bg-secondary-50 dark:hover:bg-secondary-600"
 					>
 						Reset to Default
 					</button>
 					<button
+						type="button"
 						onClick={onClose}
 						className="px-4 py-2 text-sm font-medium text-white bg-primary-600 rounded-md hover:bg-primary-700"
 					>