chore(ui): adjust paddings for search bars to be fixed layout

Author: x0sina

dashboard/src/components/nodes/node-filters.tsx

@@ -53,7 +53,7 @@ export const NodeFilters = ({ filters, onFilterChange, refetch, isFetching }: No
   }
 
   return (
-    <div dir={dir} className="flex items-center gap-2 py-4 md:gap-4">
+    <div dir={dir} className="flex items-center gap-2 md:gap-4">
       <div className="relative flex w-full md:w-[calc(100%/3-10px)]" dir={dir}>
         <SearchIcon className={cn('absolute', dir === 'rtl' ? 'right-2' : 'left-2', 'top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground')} />
         <Input placeholder={t('search')} value={search} onChange={handleSearchChange} className={cn('pl-8 pr-10', dir === 'rtl' && 'pl-10 pr-8')} />

dashboard/src/components/nodes/nodes-list.tsx

@@ -240,7 +240,7 @@ export default function NodesList() {
 
   return (
     <div className="flex w-full flex-col items-start gap-2">
-      <div className="w-full flex-1 space-y-4 pt-6">
+      <div className="w-full flex-1 space-y-4 py-4">
         <NodeFilters filters={filters} onFilterChange={handleFilterChange} refetch={refetch} isFetching={isFetching} />
         <div className="min-h-[55dvh]">
           <div

dashboard/src/pages/_dashboard.templates.tsx

@@ -128,7 +128,7 @@ export default function UserTemplates() {
         <Separator />
       </div>
 
-      <div className="w-full flex-1 space-y-4 p-4 pt-6">
+      <div className="w-full flex-1 space-y-4 px-4 py-4">
         {/* Search Input */}
         <div className="relative w-full md:w-[calc(100%/3-10px)]" dir={dir}>
           <Search className={cn('absolute', dir === 'rtl' ? 'right-2' : 'left-2', 'top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground')} />