fix: add border to the show/edit/create view tables

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1380/lbTUtJBx/i-think-show-table-should-also

Author: yaroslav8765

adminforth/modules/styles.ts

@@ -84,7 +84,7 @@ export const styles = () => ({
     lightShowTableUnderHeadingText: "#374151",
     lightShowTablesBodyBackground: "alias:lightForm",
     lightShowTableBodyText: "#6B7280",
-    lightShowTableBodyBorder: "#F3F4F6",
+    lightShowTableBodyBorder: "#E5E7EB",
 
 
     /* Show View buttons*/

adminforth/spa/src/components/GroupsTable.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded-lg shadow-resourseFormShadow dark:shadow-darkResourseFormShadow dark:shadow-2xl">
+  <div class="rounded-lg shadow-resourseFormShadow dark:shadow-darkResourseFormShadow dark:shadow-2xl border dark:border-darkFormBorder">
     <div v-if="group.groupName && !group.noTitle" class="text-md font-semibold px-6 py-3 flex flex-1 items-center dark:border-darkFormBorder text-lightListTableHeadingText bg-lightFormHeading dark:bg-darkFormHeading dark:text-darkListTableHeadingText rounded-t-lg">
       {{ group.groupName }}
     </div>

adminforth/spa/src/components/ShowTable.vue

@@ -1,5 +1,5 @@
 <template>
-      <div class="overflow-x-auto shadow-resourseFormShadow dark:shadow-darkResourseFormShadow"
+      <div class="overflow-x-auto shadow-resourseFormShadow dark:shadow-darkResourseFormShadow border dark:border-gray-700"
         :class="{'rounded-default' : isRounded}"
       >
         <div v-if="groupName && !noTitle"  class="text-md font-semibold px-6 py-3 flex flex-1 items-center text-lightShowTableHeadingText bg-lightShowTableHeadingBackground dark:bg-darkShowTableHeadingBackground  dark:text-darkShowTableHeadingText rounded-t-lg">