update app architecture

added InstitutionList to component tree

.env

@@ -0,0 +1 @@
+CHROMATIC_KEY="chpt_9d08845ed76c2f2"

README.md

@@ -12,7 +12,7 @@ Educational project to practice React form handling.
 
 ## Table Of Contents
 - [Project Task](docs/project-task.md)
-- [Project Architecture](docs/project-architecture.md)
+- [App Architecture](docs/app-architecture.md)
 - [Project Structure](docs/project-structure.md)
 - [Learned topics](docs/learned-topics.md)
 - [Project Management](https://github.com/users/skorphil/projects/4)

docs/project-architecture.md → docs/app-architecture.md

@@ -1,39 +1,52 @@
-# Project architecture
+# App architecture
+
 
 ## Component tree
 ```mermaid
 flowchart TB
   RecordForm --> 
-  TabsList & FormHeader
-  TabsList --> 
-  InstitutionTab & InstitutionContainer 
+  InstitutionsList & FormHeader
+  InstitutionsList -->
+  TabsList & InstitutionContainer
+  TabsList --> InstitutionTab  
   InstitutionContainer --> 
   AssetContainer
 ```
 
+
 ### RecordForm
 Structural component. Will render Header Tabs, InstitutionContainer accordingly to state:
 - `isKeyboardOpen`
 - `isInstitutionContainerExpanded`
 
+
 ### FormHeader
 Stateless component. Contains *submit* and *cancel* buttons
 
+
 ### TabsList
 Statless component. Can be `collapsed` and `expanded`
 
+
 ### InstitutionTab
 Statless component. Can show institution states:
 - `new` 
 - `updated`
 - `deleted`
 
+
 ### InstitutionContainer
 Can be `collapsed` and `expanded`
 
+
 ### AssetContainer
 Can be `collapsed` and `expanded`
 
 
+### InstitutionsList
+Wrap `InstitutionContainer`s and `TabsList`.
+Basically `Tabs` component from ChakraUI
+
+
 ## Fetching initial data
 I wanna try RSC for this