docs: use all.css for prefixed styles (#1221)

* docs: remove .bx--content override

* docs(ui-shell): add note on UI Shell theming

* docs(grid): touch up grid examples

* docs(theme): wrap localStorage in try catch

So that the site still works in Safari with all cookies blocked.

* docs: use prefixed all.css

Without vendor prefixes, some styles are lost in Safari.

* docs: remove svelte-preprocess from svelte.config.js

docs/src/layouts/Recipe.svelte

@@ -64,29 +64,7 @@
   </Column>
 </Content>
 
-<style global>
-  #select-theme {
-    width: auto;
-  }
-
-  .prose > p > .bx--link {
-    font-size: inherit;
-  }
-
-  .prose .toc {
-    margin-bottom: var(--cds-layout-01);
-  }
-
-  .table {
-    position: sticky;
-    max-height: calc(100vh - 3rem);
-    top: 3rem;
-    padding-top: var(--cds-spacing-05);
-    padding-bottom: var(--cds-spacing-05);
-    padding-left: var(--cds-spacing-08);
-    overflow-y: auto;
-  }
-
+<style>
   .bar {
     display: flex;
     justify-content: space-between;
@@ -94,16 +72,6 @@
     border-bottom: 1px solid var(--cds-ui-03);
   }
 
-  [data-components] {
-    z-index: 2;
-    position: relative;
-    display: flex;
-  }
-
-  [data-components] .bx--grid {
-    width: 100%;
-  }
-
   .toc h5 {
     margin-bottom: var(--cds-spacing-03);
   }
@@ -113,10 +81,6 @@
   }
 
   @media (max-width: 1056px) {
-    .table {
-      display: none;
-    }
-
     .toc.mobile {
       display: block;
     }