fix(resource): move "Clear sort" to top of the sort menu

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options-bar/resource-options-bar.tsx

@@ -290,6 +290,15 @@ export const SortDropdown = memo(function SortDropdown({
         alignOffset={RESOURCE_MENU_EDGE_OFFSET}
         className='max-h-[var(--radix-dropdown-menu-content-available-height,400px)]'
       >
+        {active && onClear && (
+          <>
+            <DropdownMenuItem onSelect={onClear}>
+              <X />
+              Clear sort
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
+          </>
+        )}
         {options.map((option) => {
           const isActive = active?.column === option.id
           const Icon = option.icon
@@ -314,15 +323,6 @@ export const SortDropdown = memo(function SortDropdown({
             </DropdownMenuItem>
           )
         })}
-        {active && onClear && (
-          <>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem onSelect={onClear}>
-              <X />
-              Clear sort
-            </DropdownMenuItem>
-          </>
-        )}
       </DropdownMenuContent>
     </DropdownMenu>
   )