6. Add example of library usage

README.md

@@ -49,4 +49,10 @@ Running all apps: `npx nx run-many --target=serve --all`
         "port": 3001
     },
 }
+```
+
+## How to import libraries to apps
+
+```ts
+import { Bell } from '@system/figa-ui';
 ```

system/apps/blog-creator/src/app/app.tsx

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
 
 import NxWelcome from './nx-welcome';
+import { Bell } from '@system/figa-ui';
 
 import { Route, Routes, Link } from 'react-router-dom';
 
@@ -12,6 +13,7 @@ export function App() {
   return (
     <StyledApp>
       <NxWelcome title="blog-creator" />
+      <Bell />
 
       {/* START: routes */}
       {/* These routes and navigation have been generated for you */}

system/apps/blog/pages/_app.tsx

@@ -1,6 +1,7 @@
 import { AppProps } from 'next/app';
 import Head from 'next/head';
 import './styles.css';
+import { Bell } from '@system/figa-ui';
 
 function CustomApp({ Component, pageProps }: AppProps) {
   return (
@@ -10,6 +11,7 @@ function CustomApp({ Component, pageProps }: AppProps) {
       </Head>
       <main className="app">
         <Component {...pageProps} />
+        <Bell />
       </main>
     </>
   );