bootstrap: Remove bootstrap CSS for <table> element.

This commit adds the required bootstrap CSS for "<table>"
element in the specific files and removes them from
bootstrap.css.

web/styles/app_components.css

@@ -697,6 +697,7 @@ div.overlay {
 .table-striped {
     table-layout: auto;
     border-collapse: separate;
+    border-spacing: 0;
 
     &:not(.table-bordered) thead th {
         border-top: 1px solid hsl(0deg 0% 0% / 20%) !important;
@@ -760,6 +761,7 @@ div.overlay {
     border-collapse: separate;
     border-left: 0;
     border-radius: 4px;
+    border-spacing: 0;
 
     & th,
     td {

web/styles/popovers.css

@@ -574,6 +574,7 @@ ul {
             width: 100%;
             margin: auto;
             border-radius: 6px;
+            border-collapse: collapse;
 
             & tr {
                 border-bottom: 1px solid hsl(0deg 0% 87%);

web/styles/portico/activity.css

@@ -30,6 +30,7 @@ td.number {
     border-collapse: separate;
     border-left: 0;
     border-radius: 4px;
+    border-spacing: 0;
 
     & th,
     td {

web/styles/portico/portico.css

@@ -566,6 +566,8 @@ input.text-error {
     background-color: hsl(0deg 0% 100%);
     box-shadow: 0 0 4px hsl(0deg 0% 0% / 10%);
 
+    border-collapse: collapse;
+
     tbody > tr:nth-child(odd) > td {
         background-color: hsl(0deg 0% 98%);
     }
@@ -1250,6 +1252,7 @@ label.label-title {
     .table-bordered {
         border: 1px solid hsl(0deg 0% 87%);
         border-collapse: separate;
+        border-spacing: 0;
         border-left: 0;
         border-radius: 4px;
 

web/styles/recent_topics.css

@@ -92,6 +92,7 @@
             user is at the bottom of scroll container when the compose box is open.
             */
             margin-bottom: var(--max-unexpanded-compose-height);
+            border-spacing: 0;
         }
 
         #recent_topics_filter_buttons {

web/styles/rendered_markdown.css

@@ -125,6 +125,7 @@
         max-width: fit-content;
         overflow-x: auto;
         white-space: nowrap;
+        border-collapse: collapse;
     }
 
     & thead {

web/third/bootstrap/css/bootstrap.css

@@ -215,12 +215,6 @@ pre {
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-table {
-  max-width: 100%;
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-}
 .table {
   width: 100%;
   margin-bottom: 20px;