rename context to have context in its name

src/components/codeBrowser.js

@@ -5,14 +5,14 @@ import { useState, useEffect, useMemo } from 'react';
 import { Row, Tab, Col, Card, Container } from 'react-bootstrap';
 
 import DirectoryTree from 'components/directoryTree';
-import useSnippets from 'hooks/useSnippets';
+import useSnippetsContext from 'hooks/useSnippetsContext';
 
 const getDirName = (path) => path.substring(0, path.lastIndexOf('/'));
 
 const getExtension = (path) => path.substring(path.lastIndexOf('.') + 1);
 
 export default function CodeBrowser({ id }) {
-  const { snippets } = useSnippets();
+  const { snippets } = useSnippetsContext();
   const [activeDocument, setActiveDocument] = useState(null);
 
   useEffect(() => {

src/components/snippetProvider.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-import { SnippetContext } from 'hooks/useSnippets';
+import { SnippetContext } from 'hooks/useSnippetsContext';
 
 export default function SnippetProvider({ snippets, children }) {
   return (

src/hooks/useSnippets.js → src/hooks/useSnippetsContext.js

@@ -4,6 +4,6 @@ export const SnippetContext = createContext({
   snippets: []
 });
 
-export default function useSnippets() {
+export default function useSnippetsContext() {
   return useContext(SnippetContext);
 }