Simplified custom model flow with canonical models (#6934)

ui/desktop/src/components/settings/localInference/HuggingFaceModelSearch.tsx

@@ -214,9 +214,7 @@ export const HuggingFaceModelSearch = ({ onDownloadStarted }: Props) => {
         </div>
       </div>
 
-      {error && !searching && (
-        <p className="text-xs text-text-muted">{error}</p>
-      )}
+      {error && !searching && <p className="text-xs text-text-muted">{error}</p>}
 
       {results.length > 0 && (
         <div className="space-y-1 max-h-96 overflow-y-auto">
@@ -289,9 +287,7 @@ export const HuggingFaceModelSearch = ({ onDownloadStarted }: Props) => {
                               )}
                             </div>
                             {variant.description && (
-                              <span className="text-xs text-text-muted">
-                                {variant.description}
-                              </span>
+                              <span className="text-xs text-text-muted">{variant.description}</span>
                             )}
                           </div>
                           <Button
@@ -323,7 +319,8 @@ export const HuggingFaceModelSearch = ({ onDownloadStarted }: Props) => {
       <div>
         <h4 className="text-sm font-medium text-text-default mb-2">Direct Download</h4>
         <p className="text-xs text-text-muted mb-2">
-          Specify a model directly: <code className="bg-background-subtle px-1 rounded">user/repo:quantization</code>
+          Specify a model directly:{' '}
+          <code className="bg-background-subtle px-1 rounded">user/repo:quantization</code>
         </p>
         <div className="flex gap-2">
           <input