Move (wrap) layout and icon out of the UI library.

First they go to the main wrap project.
In next step we will try to replace them
with ui-library components, or completely eliminate them.

Author: csillag

ui/src/wrap/components/icons/index.ts

@@ -1,4 +1,3 @@
-export * from './WrapLogoIcon'
 export * from './LogoIconRound'
 export * from './OpenInNewIcon'
 export * from './TimesIcon'

ui/src/wrap/components/index.ts

@@ -1,6 +1,6 @@
 export * from './icons'
 export { Input as WrapInput } from './Input'
-export { Layout as WrapLayout } from './Layout'
+export { Layout as WrapLayout } from '../../../../wrap/src/components/Layout'
 export { Modal as WrapModal } from './Modal'
 export * from './Spinner'
 export { ToggleButton as WrapToggleButton } from './ToggleButton'

…/wrap/components/Layout/index.module.css …p/src/components/Layout/index.module.cssui/src/wrap/components/Layout/index.module.css renamed to wrap/src/components/Layout/index.module.css ui/src/wrap/components/Layout/index.module.css renamed to wrap/src/components/Layout/index.module.css

@@ -1,11 +1,11 @@
 import { FC, PropsWithChildren } from 'react'
 import { NavLink, Outlet, useMatch } from 'react-router-dom'
-import { WrapLogoIcon } from '../icons/WrapLogoIcon'
+import { WrapLogoIcon } from '../Logo/WrapLogoIcon'
 import { ConnectButton } from '@rainbow-me/rainbowkit'
 import { useMediaQuery } from 'react-responsive'
 import classes from './index.module.css'
-import globalClasses from '../../index.module.css'
-import { Header } from '../../../core'
+import globalClasses from '../../../../ui/src/wrap/index.module.css'
+import { Header } from '@oasisprotocol/rose-app-ui/core'
 
 const dateFormatLong = new Intl.DateTimeFormat('en', {
   year: 'numeric',

ui/src/wrap/components/Layout/index.tsx wrap/src/components/Layout/index.tsxui/src/wrap/components/Layout/index.tsx renamed to wrap/src/components/Layout/index.tsx

@@ -2,7 +2,7 @@ import { FC } from 'react'
 import classes from './index.module.css'
 import { ConnectButton } from '@rainbow-me/rainbowkit'
 import { withConnectedWallet } from '../../hoc/withConnectedWallet'
-import { WrapLogoIcon } from '@oasisprotocol/rose-app-ui'
+import { WrapLogoIcon } from '../../components/Logo/WrapLogoIcon'
 
 const ConnectWalletCmp: FC = () => {
   return (