style: improve hook settings UI with proper button styling

- Style 'Add' button on each event to look like a proper button with
  variant='secondary' and hover:brightness-75 for darker hover effect
- Remove redundant 'Create New Hook' button from footer toolbar
- Clean up unused handleCreateNewHook callback and Plus import

Author: taltas

webview-ui/src/components/settings/HooksSettings.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useCallback } from "react"
-import { Plus, FolderOpen, RefreshCw, GripVertical, Link2, AlertCircle, Loader2 } from "lucide-react"
+import { FolderOpen, RefreshCw, GripVertical, Link2, AlertCircle, Loader2 } from "lucide-react"
 import { DndContext, DragOverlay, closestCenter } from "@dnd-kit/core"
 
 import { hookEventTypes, type HookEventType, type HookWithMetadata } from "@roo-code/types"
@@ -99,12 +99,6 @@ export const HooksSettings: React.FC = () => {
 		setShowCreateDialog(true)
 	}, [])
 
-	// Handler for creating a new hook from footer button
-	const handleCreateNewHook = useCallback(() => {
-		setCreateForEventType(undefined)
-		setShowCreateDialog(true)
-	}, [])
-
 	// Handler for hook creation
 	const handleHookCreate = useCallback(
 		(hook: HookWithMetadata) => {
@@ -255,13 +249,6 @@ export const HooksSettings: React.FC = () => {
 					{/* Footer Buttons */}
 					<SearchableSetting settingId="hooks-actions" section="hooks" label="Hook Actions" className="mt-6">
 						<div className="flex flex-wrap gap-2">
-							<Button
-								variant="secondary"
-								onClick={handleCreateNewHook}
-								disabled={!hooksEnabled || isLoading}>
-								<Plus className="w-4 h-4 mr-1" />
-								Create New Hook
-							</Button>
 							<Button variant="ghost" onClick={openGlobalFolder}>
 								<FolderOpen className="w-4 h-4 mr-1" />
 								Open Global Folder

webview-ui/src/components/settings/HooksSettings/HookEventGroup.tsx

@@ -95,9 +95,8 @@ export const HookEventGroup: React.FC<HookEventGroupProps> = ({
 
 				{/* Add button */}
 				<Button
-					variant="ghost"
-					size="sm"
-					className="opacity-60 hover:opacity-100"
+					variant="secondary"
+					className="py-1 hover:brightness-75"
 					onClick={(e) => {
 						e.stopPropagation()
 						onAddHook()