fix(aio): style mods and content udpates (#16138)

Fixed capitalization in sidenav menu items
Add min height property to sidenav-content for better viewing on short pages or high resolution screens
Add dividier between change log items as before to h2
Table adjustments to reduce off-screen items
Update home page banner text and icon change, and fix banner img and mobile alignment
Fix and add links in doc landing page and change card footer text to reflect correct name
Removed docs landing page to rebase with master

PR Close #16138

aio/src/styles/0-base/_typography.scss

@@ -99,7 +99,6 @@
       border-radius: 2px;
       border-spacing: 0;
       margin: 0 0 32px 0;
-      width: 100%;
     }
 
     table tbody th {

aio/src/styles/1-layouts/_content-layout.scss

@@ -1,6 +1,7 @@
 .sidenav-content {
   padding: 1rem 3rem 3rem;
   margin: auto;
+  min-height: 100vh;
 }
 
 .fill-remaining-space {
@@ -23,4 +24,12 @@
 
 .sidenav-content button {
   min-width: 50px;
+}
+
+#guide-change-log h2::before {
+  content: "";
+  display: block;
+  height: 1px;
+  margin: 24px 0px;
+  background: $lightgray;
 }

aio/src/styles/2-modules/_announcement-bar.scss

@@ -88,7 +88,7 @@ $announcement-bar-width: 784px;
 
   img {
     height: 40px;
-    margin: 8px auto;
+    margin: 0 0 8px;
   }
 
   p {
@@ -146,6 +146,7 @@ $announcement-bar-width: 784px;
 
     @media (max-width: 480px) {
       padding: 16px;
+      align-items: center;
     }
   }
 }

aio/src/styles/2-modules/_table.scss

@@ -34,7 +34,7 @@ table {
     th,
     td {
       border-bottom: 1px solid $lightgray;
-      padding: 16px 32px;
+      padding: 16px;
       text-align: left;
       line-height: 24px;
       vertical-align: top;