Patch syntax highlighting for frameworks

Author: ACR1209

cspell-dict.txt

@@ -1,3 +1,4 @@
 quicksnip
 slugifyed
-sublanguage
+sublanguage
+fastapi

src/components/SnippetList.tsx

@@ -8,6 +8,11 @@ import { SnippetType } from "@types";
 import { LeftAngleArrowIcon } from "./Icons";
 import SnippetModal from "./SnippetModal";
 
+const extensions: { [key: string]: string } = {
+  REACT: "tsx",
+  FASTAPI: "py",
+};
+
 const SnippetList = () => {
   const { language, snippet, setSnippet } = useAppContext();
   const { fetchedSnippets } = useSnippets();
@@ -87,7 +92,7 @@ const SnippetList = () => {
           <SnippetModal
             snippet={snippet}
             handleCloseModal={handleCloseModal}
-            language={language.name}
+            language={extensions[language.name] || language.name}
           />
         )}
       </AnimatePresence>