Added handeling for components that should be rendered on the client side only

Author: yhaddad01

docs/.vuepress/components/Chat.vue

@@ -99,7 +99,7 @@ export default {
         botTitle: "AI Assistant",
       },
       iframeUrl: "https://chatbot.cloudlinux.com/docs/imunify360",
-      windowWidth: window.innerWidth,
+      windowWidth: 0, // Changed from window.innerWidth to avoid SSR error
     };
   },
   computed: {
@@ -109,6 +109,7 @@ export default {
   },
   mounted() {
     window.addEventListener("resize", this.handleResize);
+    this.handleResize(); // Set initial windowWidth on client-side
   },
   beforeUnmount() {
     window.removeEventListener("resize", this.handleResize);
@@ -128,7 +129,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-$primary-color = #43a069
+$primary-color = #3f83f8
 $background-color = white
 $border-radius = 16px
 mobile-breakpoint = 768px