Hide empty table for submitted changes for condensate and protein

web/src/components/CondensateUpdateItemsTable.vue

 <template>
   <div>
-    <table
-      :id="id"
-      class="table table-striped table-bordered table-hover"
-      style="width: 100%"
-    />
+    <h5
+      v-if="!showTable"
+      class="text-center"
+    >
+      No submitted change.
+    </h5>
+    <div v-else>
+      <table
+        :id="id"
+        class="table table-striped table-bordered table-hover"
+        style="width: 100%"
+      />
+    </div>
   </div>
 </template>
 
@@ -25,6 +33,7 @@ export default {
       rows: [],
       header: [],
       total: 0,
+      showTable: true,
       isDev: process.env.NODE_ENV === 'development',
     };
   },
@@ -401,6 +410,10 @@ export default {
             data: res.data.data,
           };
 
+          if(res.data.data.length === 0) {
+            this.showTable = false
+          }
+
           fnCallback(dat);
         }
       } catch (error) {

web/src/components/ProteinUpdateItemTable.vue

 <template>
-  <table
-    :id="id"
-    class="table table-striped table-bordered table-hover"
-    style="width: 100%"
-  />
+  <div>
+    <h5
+      v-if="!showTable"
+      class="text-center"
+    >
+      No submitted change.
+    </h5>
+    <div v-else>
+    <table
+      :id="id"
+      class="table table-striped table-bordered table-hover"
+      style="width: 100%"
+    />
+    </div>
+  </div>
 </template>
 
 <script>
@@ -22,6 +32,7 @@ export default {
       rows: [],
       header: [],
       total: 0,
+      showTable: true,
       isDev: process.env.NODE_ENV === 'development',
     };
   },
@@ -319,6 +330,10 @@ export default {
             data: res.data.data,
           };
 
+          if(res.data.data.length === 0) {
+            this.showTable = false
+          }
+
           fnCallback(dat);
         }
       } catch (error) {