Restyle code element, remove docs example overflow, improve docs examples (#25054)

* Restyle code element, clean up variables

- Removes the padding and background-color
- Changes the color to a brand color ()
- Add new variables to kbd element styles to account for removing the code ones
- Remove overrides that were needed previously

* only break between words, and override it in the pre

* make file inputs 100% wide

* scope custom file changes in input group for sizing

* shorter button labels for responsive

* narrower cards

* button was too wide

* downsize

* fewer links in pagination

* redo cell text

* improve overflow docs

scss/_input-group.scss

@@ -41,6 +41,15 @@
   // Custom file inputs have more complex markup, thus requiring different
   // border-radius overrides.
   .custom-file {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    .custom-file-input {
+      width: 100%;
+      min-width: 0;
+    }
+
     &:not(:first-child):not(:last-of-type) .custom-file-control,
     &:not(:first-child):not(:last-of-type) .custom-file-control::before { @include border-radius(0); }
     &:first-child .custom-file-control,
@@ -48,6 +57,10 @@
     &:last-of-type:not(:first-child) .custom-file-control,
     &:last-of-type:not(:first-child) .custom-file-control::before { @include border-left-radius(0); }
   }
+
+  .custom-select {
+    width: 100%;
+  }
 }