feat: add dark theme to the jsonViewer and updated docs

Author: yaroslav8765

adminforth/documentation/docs/tutorial/03-Customization/15-afcl.md

@@ -1738,28 +1738,22 @@ import { JsonViever } from '@/afcl'
 
   <div>
   ```html
-  <JsonViewer 
+      <JsonViewer 
       :value="[
         {
           id: 1,
           name: 'Alice',
           meta: {
             age: 30,
             hobbies: ['reading', 'biking'],
-            location: { city: 'Kyiv', country: 'Ukraine' }
           }
         },
         {
           id: 2,
           name: 'Bob',
-          meta: {
-            age: 25,
-            active: true,
-            scores: { math: 92, english: 88 }
-          }
         }
       ]" 
-      :expandDepth="4" 
+      :expandDepth="2" 
     />
   ```
 </div>

adminforth/documentation/docs/tutorial/03-Customization/image-93.png

@@ -5,15 +5,21 @@
     :expandDepth="expandDepth"
     copyable
     sort
+    :theme="currentTheme"
   />
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import { JsonViewer } from 'vue3-json-viewer'
+import { useCoreStore } from '@/stores/core'
 
 defineProps<{
   value: any
   expandDepth?: number
 }>()
 
+const coreStore = useCoreStore()
+
+const currentTheme = computed(() => (coreStore.theme === 'dark' ? 'dark' : 'light'))
 </script>