style(width): add styles for maximixing document width on mobile phones

.github/dependabot.yml

@@ -1,6 +1,6 @@
 version: 2
 updates:
-  - package-ecosystem: 'yarn'
-    directory: '/'
-    schedule:
-      interval: 'daily'
+    - package-ecosystem: 'yarn'
+      directory: '/'
+      schedule:
+          interval: 'daily'

docs/.vitepress/theme/styles/custom.scss

@@ -134,4 +134,10 @@ img.VPImage.image-src {
 }
 // team member section styles end
 
-//
+// set maximum document width for better mobile viewing experience instead of letting text clustered altogether at a small width
+@media (min-width: 1440px) {
+    .VPDoc.has-aside .content-container.content-container {
+        max-width: 100%;
+    }
+}
+// maximum document width style ends