chore: add bluebirding app

Author: iM-GeeKy

docusaurus/src/components/Showcase.tsx

@@ -17,13 +17,12 @@ type Data = {
 
 const data: Data[] = [
   {
-    color: '#6200EE',
-    name: 'Paper Example App',
-    image: '/react-native-paper-dates/showcase/paper.png',
+    color: '#2979FF',
+    name: 'Bluebirding',
+    image: '/react-native-paper-dates/showcase/bluebirding.png',
     android:
-      'https://play.google.com/store/apps/details?id=com.callstack.reactnativepaperexample',
-    ios: 'https://apps.apple.com/app/react-native-paper/id1548934513',
-    github: 'https://github.com/callstack/react-native-paper/tree/main/example',
+      'https://play.google.com/store/apps/details?id=com.bitzllc.bluebird',
+    ios: 'https://apps.apple.com/us/app/bluebirding/id1553837668',
   },
 ];
 

docusaurus/src/css/custom.css

@@ -50,7 +50,7 @@
 
 @media (min-width: 420px) {
   .showcase-image-container {
-    height: 528px;
+    height: 608px;
   }
 
   .showcase-image-container:hover .showcase-info,
@@ -62,14 +62,14 @@
 
 .showcase-image {
   display: block;
-  max-height: 480px;
+  max-height: 560px;
   width: auto;
 }
 
 @media (min-width: 420px) {
   .showcase-image {
-    height: 480px;
-    width: 270px;
+    height: 560px;
+    width: 258px;
   }
 }
 
@@ -84,8 +84,7 @@
   font-size: 16px;
   margin-top: 0;
   margin-bottom: 12px;
-
-  width: 246px;
+  /* width: 228px; */
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;