ui changes

src/views/base/home/layouts/HomeLayoutRenderer.vue

@@ -24,6 +24,10 @@ const innerSections = computed(() =>
   layoutConfig.value.sections.filter((section) => section.visible !== false)
 )
 
+const tailSections = computed(() =>
+  (layoutConfig.value.tailSections ?? []).filter((section) => section.visible !== false)
+)
+
 /** محتوا با userInfo — داده‌های API در پس‌زمینه لود می‌شوند */
 const showContent = computed(() => Boolean(userInfo.value))
 const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
@@ -56,6 +60,12 @@ function resolveSectionComponent(sectionId: HomeSectionId) {
         :key="section.id"
       />
     </template>
+
+    <component
+      :is="resolveSectionComponent(section.id)"
+      v-for="section in tailSections"
+      :key="`tail-${section.id}`"
+    />
   </div>
 
   <HomeSkeleton v-else-if="showSkeleton" class="w-full" />