Align documentation

Author: nuzil

README.md

@@ -32,6 +32,10 @@ On a feed list you can find:
 * **In Process - generation is currently in progress**
 * **Generated - Feed it ready to be used**
 
+If during feed generation an error occurs, you can see an error in the grid.
+
+![Feed Generation Error](./docs/images/feed-error.png)
+
 ## Edit Feed
 
 On a Grid page you can click on a Feed name, and you will be landed on Edit page of selected feed: 
@@ -96,6 +100,13 @@ Based on this GQL schema you can use the following variables (starting inside of
 
 … and so on depends on a schema used
 
+## Settings
+
+GraphQL schema loaded from Adobe Commerce is cached by the module. So if you change schema on Adobe Commerce side, you have to update the cache.
+For that go to Settings and click on clean the cache button.
+
+![Settings](./docs/images/feed-settings.png)
+
 ### Placeholders
 
 #### Fixed Variables

docs/images/feeder-error.png

@@ -2,10 +2,17 @@ import React, { useEffect } from 'react';
 
 function Docs() {
     useEffect(() => {
-        window.open("https://spectrum.adobe.com/", "_blank", "noopener,noreferrer");
+        window.open("https://github.com/comwrap/adobe-commerce-feed-generator-app-builder/blob/main/README.md", "_blank", "noopener,noreferrer");
     }, []);
 
-    return null; // No UI is rendered
+
+    return (
+        <div>
+            <a href="https://github.com/comwrap/adobe-commerce-feed-generator-app-builder/blob/main/README.md" target="_blank" rel="noopener noreferrer">
+                <h1>Documentation</h1>
+            </a>
+        </div>
+    ); // No UI is rendered
 }
 
 export default Docs;