docs: Big Mendable Improvements (#4964)

- Higher accuracy on the responses
- New redesigned UI
- Pretty Sources: display the sources by title / sub-section instead of
long URL.
- Fixed Reset Button bugs and some other UI issues
- Other tweaks

docs/_static/css/custom.css

@@ -13,5 +13,5 @@ pre {
 }
 
 #my-component-root *, #headlessui-portal-root * {
-  z-index: 1000000000000;
+  z-index: 10000;
 }

docs/_static/js/mendablesearch.js

@@ -30,10 +30,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const icon = React.createElement('p', {
       style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center' },
     }, [iconSpan1, iconSpan2]);
-
-    
     
-
     const mendableFloatingButton = React.createElement(
       MendableFloatingButton,
       {
@@ -42,6 +39,7 @@ document.addEventListener('DOMContentLoaded', () => {
         anon_key: '82842b36-3ea6-49b2-9fb8-52cfc4bde6bf', // Mendable Search Public ANON key, ok to be public
         messageSettings: {
           openSourcesInNewTab: false,
+          prettySources: true // Prettify the sources displayed now
         },
         icon: icon,
       }
@@ -52,7 +50,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   loadScript('https://unpkg.com/react@17/umd/react.production.min.js', () => {
     loadScript('https://unpkg.com/react-dom@17/umd/react-dom.production.min.js', () => {
-      loadScript('https://unpkg.com/@mendable/search@0.0.93/dist/umd/mendable.min.js', initializeMendable);
+      loadScript('https://unpkg.com/@mendable/search@0.0.102/dist/umd/mendable.min.js', initializeMendable);
     });
   });
 });