Add pages functions documentation

src/frontend/src/pages/CommunityPage/index.tsx

@@ -11,12 +11,16 @@ import { FlowType } from "../../types/flow";
 export default function CommunityPage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow } =
     useContext(TabsContext);
+
+  // set null id
   useEffect(() => {
     setTabId("");
   }, []);
   const { setErrorData } = useContext(alertContext);
   const [loadingExamples, setLoadingExamples] = useState(false);
   const [examples, setExamples] = useState<FlowType[]>([]);
+
+  // Show community examples on screen
   function handleExamples() {
     setLoadingExamples(true);
     getExamples()

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -42,6 +42,7 @@ export default function ExtraSidebar() {
     event.dataTransfer.setData("nodedata", JSON.stringify(data));
   }
 
+  // Handle showing components after use search input
   function handleSearchInput(e: string) {
     setFilterData((_) => {
       let ret = {};
@@ -122,6 +123,7 @@ export default function ExtraSidebar() {
           className="input-search"
           onChange={(e) => {
             handleSearchInput(e.target.value);
+            // Set search input state
             setSearch(e.target.value);
           }}
         />

src/frontend/src/pages/FlowPage/index.tsx

@@ -7,6 +7,8 @@ import Page from "./components/PageComponent";
 export default function FlowPage() {
   const { flows, tabId, setTabId } = useContext(TabsContext);
   const { id } = useParams();
+
+  // Set flow tab id
   useEffect(() => {
     setTabId(id);
   }, [id]);

src/frontend/src/pages/MainPage/index.tsx

@@ -8,10 +8,14 @@ import { TabsContext } from "../../contexts/tabsContext";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);
+  
+  // Set a null id
   useEffect(() => {
     setTabId("");
   }, []);
   const navigate = useNavigate();
+
+  // Personal flows display
   return (
     <div className="main-page-panel">
       <div className="main-page-nav-arrangement">