Enhance deployment script and update package dependencies

- Added detailed labels to the deployment script for IndeedHub, including title, version, description, license, icon, and repository URL.
- Updated package dependencies in package.json and package-lock.json, including upgrading 'nostr-tools' to version 2.23.0 and adding 'axios' and '@tanstack/vue-query'.
- Improved README with a modern description of the platform and updated project structure details.

This commit enhances the clarity of the deployment process and ensures the project is using the latest dependencies for better performance and features.

src/components/ContentRow.vue

@@ -28,13 +28,24 @@
           class="content-card flex-shrink-0 w-[200px] md:w-[280px] group/card cursor-pointer"
           @click="$emit('content-click', content)"
         >
-          <div class="glass-card rounded-lg p-1.5 transition-all duration-300">
+          <div class="glass-card rounded-lg p-1.5 transition-all duration-300 relative">
             <img 
               :src="content.thumbnail" 
               :alt="content.title"
               class="w-full aspect-[2/3] object-contain rounded-md bg-neutral-900"
               loading="lazy"
             />
+            <!-- Social Indicators -->
+            <div class="absolute bottom-3 left-3 flex items-center gap-2">
+              <span class="social-badge" v-if="getReactionCount(content.id) > 0">
+                <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"/></svg>
+                {{ getReactionCount(content.id) }}
+              </span>
+              <span class="social-badge" v-if="getCommentCount(content.id) > 0">
+                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                {{ getCommentCount(content.id) }}
+              </span>
+            </div>
           </div>
           <div class="mt-2">
             <h3 class="text-base md:text-xl font-semibold md:font-bold text-white truncate">{{ content.title }}</h3>
@@ -59,6 +70,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
+import { getMockReactionCounts, getMockCommentCount } from '../data/mockSocialData'
 import type { Content } from '../types/content'
 
 interface Props {
@@ -71,6 +83,14 @@ defineEmits<{
   'content-click': [content: Content]
 }>()
 
+function getReactionCount(contentId: string): number {
+  return getMockReactionCounts(contentId).positive
+}
+
+function getCommentCount(contentId: string): number {
+  return getMockCommentCount(contentId)
+}
+
 const sliderRef = ref<HTMLElement | null>(null)
 const canScrollLeft = ref(false)
 const canScrollRight = ref(true)
@@ -162,4 +182,18 @@ onUnmounted(() => {
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 255, 255, 0.05);
   transform: translateY(-4px);
 }
+
+.social-badge {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  padding: 2px 6px;
+  font-size: 11px;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.85);
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-radius: 6px;
+}
 </style>