Change default model sort and limit results for first hf models request

src/components/ModelSelector.tsx

@@ -32,7 +32,7 @@ function ModelSelector() {
     isFetching,
     setIsFetching
   } = useModel()
-  const [sortBy, setSortBy] = useState<SortOption>('downloads')
+  const [sortBy, setSortBy] = useState<SortOption>('createdAt')
   const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('desc')
   const [showCustomInput, setShowCustomInput] = useState(false)
   const [customModelName, setCustomModelName] = useState('')

src/lib/huggingface.ts

@@ -132,7 +132,7 @@ const getModelsByPipeline = async (
 ): Promise<ModelInfoResponse[]> => {
   // Second search with search=onnx
   const response1 = await fetch(
-    `https://huggingface.co/api/models?filter=${pipelineTag}&search=onnx-community&sort=createdAt&limit=50`,
+    `https://huggingface.co/api/models?filter=${pipelineTag}&search=onnx-community&sort=createdAt&limit=5`,
     {
       method: 'GET'
     }