chore: make convert gguf as experimental feature (#2156)

Signed-off-by: James <james@jan.ai>
Co-authored-by: James <james@jan.ai>

web/screens/ExploreModels/HuggingFaceConvertingErrorModal/index.tsx

@@ -1,7 +1,6 @@
 import { useAtomValue } from 'jotai'
 
 import {
-  conversionErrorAtom,
   conversionStatusAtom,
   repoDataAtom,
 } from '@/helpers/atoms/HFConverter.atom'
@@ -11,8 +10,6 @@ export const HuggingFaceConvertingErrorModal = () => {
   const repoData = useAtomValue(repoDataAtom)!
   // This component only loads when conversionStatus is not null
   const conversionStatus = useAtomValue(conversionStatusAtom)!
-  // This component only loads when conversionError is not null
-  const conversionError = useAtomValue(conversionErrorAtom)!
 
   return (
     <>

web/screens/ExploreModels/index.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react'
+import { useCallback, useContext, useState } from 'react'
 
 import {
   Input,
@@ -15,6 +15,8 @@ import {
 import { useAtomValue, useSetAtom } from 'jotai'
 import { Plus, SearchIcon } from 'lucide-react'
 
+import { FeatureToggleContext } from '@/context/FeatureToggle'
+
 import { setImportModelStageAtom } from '@/hooks/useImportModel'
 
 import ExploreModelList from './ExploreModelList'
@@ -36,6 +38,8 @@ const ExploreModelsScreen = () => {
   const [showHuggingFaceModal, setShowHuggingFaceModal] = useState(false)
   const setImportModelStage = useSetAtom(setImportModelStageAtom)
 
+  const { experimentalFeature } = useContext(FeatureToggleContext)
+
   const filteredModels = configuredModels.filter((x) => {
     if (sortSelected === 'Downloaded') {
       return (
@@ -100,6 +104,7 @@ const ExploreModelsScreen = () => {
                     <p>Import Model</p>
                   </Button>
                 </div>
+                {experimentalFeature && (
                   <div className="text-center">
                     <p
                       onClick={onHuggingFaceConverterClick}
@@ -108,6 +113,7 @@ const ExploreModelsScreen = () => {
                       Convert from Hugging Face
                     </p>
                   </div>
+                )}
               </div>
             </div>
             <div className="mx-auto w-4/5 py-6">