chore: show library version in drawer in example app (#3644)

Author: DimitarNestorov

example/babel.config.js

@@ -13,6 +13,11 @@ module.exports = function (api) {
         {
           extensions: ['.tsx', '.ts', '.js', '.json'],
           alias: {
+            [`${pak.name}/package.json`]: path.join(
+              __dirname,
+              '..',
+              'package.json'
+            ),
             // For development, we want to alias the library to the source
             [pak.name]: path.join(__dirname, '..', pak.source),
           },

example/src/DrawerItems.tsx

@@ -228,6 +228,10 @@ const DrawerItems = ({
               * - available only for MD3
             </Text>
           )}
+          <Text variant="bodySmall" style={styles.annotation}>
+            React Native Paper Version{' '}
+            {require('react-native-paper/package.json').version}
+          </Text>
         </>
       )}
     </DrawerContentScrollView>
@@ -257,6 +261,7 @@ const styles = StyleSheet.create({
   },
   annotation: {
     marginHorizontal: 24,
+    marginVertical: 6,
   },
 });