fix: use consistent padding in sidebar (#100)

Author: sbansal1999

apps/dashboard/components/layout/category-sidebar.tsx

@@ -82,7 +82,7 @@ export function CategorySidebar({
 							<TooltipTrigger asChild>
 								<button
 									className={cn(
-										'flex items-center justify-center p-2 transition-colors hover:bg-muted/50',
+										'flex items-center justify-center px-4 py-2 transition-colors hover:bg-muted/50',
 										'focus:outline-none',
 										isActive && 'bg-muted text-foreground'
 									)}

apps/dashboard/components/layout/navigation/navigation-section.tsx

@@ -112,7 +112,7 @@ export const NavigationSection = memo(function NavigationSectionComponent({
 	return (
 		<div className="border-muted-foreground/20 border-b border-dotted last:border-b-0">
 			<button
-				className="flex w-full items-center gap-3 px-3 py-2.5 text-left font-medium text-foreground text-sm transition-colors hover:bg-muted/50 focus:outline-none"
+				className="flex w-full items-center gap-3 px-4 py-2 text-left font-medium text-foreground text-sm transition-colors hover:bg-muted/50 focus:outline-none"
 				onClick={() => toggleAccordion(title, true)}
 				type="button"
 			>