docs(logo): add logo to example app

Author: Artur Bien

example/src/ExamplesScreen.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { StyleSheet, SafeAreaView, View } from 'react-native';
+import { StyleSheet, SafeAreaView, View, Image } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import {
   Panel,
@@ -24,9 +24,18 @@ const ExamplesScreen = () => {
   return (
     <SafeAreaView style={styles.container}>
       <AppBar style={styles.header}>
-        <Text style={styles.heading} bold disabled>
-          React95
-        </Text>
+        <View style={styles.logo}>
+          <Image
+            style={styles.logoImage}
+            source={{
+              uri:
+                'data:image/png;base64,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',
+            }}
+          />
+          <Text style={styles.heading} bold disabled>
+            React95
+          </Text>
+        </View>
       </AppBar>
       <ScrollPanel style={styles.scrollPanel}>
         {themes.map(theme => (
@@ -126,7 +135,6 @@ const styles = StyleSheet.create({
     marginHorizontal: 2,
     paddingHorizontal: 4,
     height: 30,
-    justifyContent: 'center',
   },
   header: {
     justifyContent: 'center',
@@ -138,10 +146,23 @@ const styles = StyleSheet.create({
       height: 1,
     },
     shadowOpacity: 0.2,
-    shadowRadius: 1.41,
-
+    shadowRadius: 1.4,
     elevation: 2,
   },
+  logo: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    top: 2,
+  },
+  logoImage: {
+    position: 'absolute',
+    left: -36,
+    top: -4,
+    height: 32,
+    width: 32,
+    resizeMode: 'cover',
+  },
   heading: {
     fontSize: 24,
     fontStyle: 'italic',