refactor: 💡 use web hosting term instead of "hosting" (#704)

## Why?

The term hosting can be confusing in the context of AI Agents

## How?

- Rename category hosting as web hosting

## Tickets?

-
[PLAT-2924](https://linear.app/fleekxyz/issue/PLAT-2924/website-docs-category-term-for-hosting-must-be-web-hosting)

## Contribution checklist?

- [ ] The commit messages are detailed
- [ ] The `build` command runs locally
- [ ] Assets or static content are linked and stored in the project
- [ ] Document filename is named after the slug
- [ ] You've reviewed spelling using a grammar checker
- [ ] For documentation, guides or references, you've tested the
commands and steps
- [ ] You've done enough research before writing

## Security checklist?

- [ ] Sensitive data has been identified and is being protected properly
- [ ] Injection has been prevented (parameterized queries, no eval or
system calls)
- [ ] The Components are escaping output (to prevent XSS)

## References?

Optionally, provide references such as links

## Preview?

Optionally, provide the preview url here

Author: punkbit

src/components/Sidebar.tsx

@@ -30,15 +30,23 @@ const findBase = (splitted: string[]) => {
   return splitted[1];
 };
 
+enum ViewCategory {
+  aiAgents = 'ai-agents',
+  webHosting = 'web-hosting',
+}
+
 const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
-  const [currentView, setCurrentView] = useState<'ai-agents' | 'hosting'>(
-    () => {
-      if (pathname === '/docs/' || pathname.includes('/docs/ai-agents/')) {
-        return 'ai-agents';
-      }
-      return 'hosting';
-    },
-  );
+  const [currentView, setCurrentView] = useState<ViewCategory>(() => {
+    if (
+      pathname === '/docs/' ||
+      pathname === '/docs' ||
+      pathname.includes('/docs/ai-agents/') ||
+      pathname.includes('/docs/ai-agents')
+    ) {
+      return ViewCategory.aiAgents;
+    }
+    return ViewCategory.webHosting;
+  });
 
   useEffect(() => {
     if (isClient) {
@@ -48,9 +56,9 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
           currentPath === '/docs/' ||
           currentPath.includes('/docs/ai-agents/')
         ) {
-          setCurrentView('ai-agents');
+          setCurrentView(ViewCategory.aiAgents);
         } else {
-          setCurrentView('hosting');
+          setCurrentView(ViewCategory.webHosting);
         }
       };
 
@@ -65,9 +73,9 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
   const filteredData = useMemo(() => {
     return data.filter((item) => {
       if (currentView === 'ai-agents') {
-        return item.category === 'ai-agents';
+        return item.category === ViewCategory.aiAgents;
       }
-      return item.category !== 'ai-agents';
+      return item.category !== ViewCategory.aiAgents;
     });
   }, [data, currentView]);
 
@@ -139,24 +147,24 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                 }
                 size="sm"
                 onClick={() => {
-                  setCurrentView('ai-agents');
+                  setCurrentView(ViewCategory.aiAgents);
                 }}
               >
                 AI Agents
               </Button>,
               <Button
                 key="hosting"
                 variant={
-                  currentView === 'hosting'
+                  currentView === ViewCategory.webHosting
                     ? 'primary-ghost'
                     : 'secondary-ghost'
                 }
                 size="sm"
                 onClick={() => {
-                  setCurrentView('hosting');
+                  setCurrentView(ViewCategory.webHosting);
                 }}
               >
-                Hosting
+                Web Hosting
               </Button>,
             ]}
           />