chore: 🤖 add Pull Request Template for GitHub

.github/ISSUE_TEMPLATE/bug_report.md

@@ -2,16 +2,14 @@
 name: Bug report
 about: Create a report to help us improve
 title: ''
-labels: ''
-assignees: ''
-
+labels: ['priority: medium']
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
-Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,17 +4,17 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+As a <persona>
+I can <what?>
+So that <why?>
 
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
+Complexity —How "hard" is this thing to do?
+/10
 
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+Effort —How long do we think this will/should be worked on?
+/10
 
-**Additional context**
-Add any other context or screenshots about the feature request here.
+Risk —What are the chances that Complexity or Time were wrong?
+/10

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,8 @@
+# Description
+
+Please include a summary of the change and which issue is fixed.
+
+## Checklist before merge
+
+- [ ] we have only commit to make ChatGPT happy
+- [ ] merge the pull request using **Squash and merge**

libs/ui/src/lib/footer/footer.tsx

@@ -1,9 +1,8 @@
+import Link from 'next/link';
 import { SVGProps } from 'react';
 
-/* eslint-disable-next-line */
-export interface FooterProps {}
-
 const navigation = {
+  solutions: [{ name: 'React Native Tools', href: '/react-native-tools' }],
   company: [
     {
       name: 'Work at weshipit.today',
@@ -35,10 +34,23 @@ const navigation = {
         </svg>
       ),
     },
+    {
+      name: 'YouTube',
+      href: 'https://www.youtube.com/channel/UCO0X5b0mQ4eIHitXHXSFUyw?sub_confirmation=1',
+      icon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path
+            fillRule="evenodd"
+            d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
+            clipRule="evenodd"
+          />
+        </svg>
+      ),
+    },
   ],
 };
 
-export function Footer(props: FooterProps) {
+export function Footer() {
   const fullYear = new Date().getFullYear();
 
   return (
@@ -50,6 +62,23 @@ export function Footer(props: FooterProps) {
         <div className="xl:grid xl:grid-cols-3 xl:gap-8">
           <div className="grid grid-cols-2 gap-8 xl:col-span-2">
             <div className="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 className="text-base font-medium text-gray-900">
+                  Solutions
+                </h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.solutions.map((item) => (
+                    <li key={item.name}>
+                      <Link
+                        href={item.href}
+                        className="text-base text-gray-500 hover:text-gray-900"
+                      >
+                        {item.name}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </div>
               <div>
                 <h3 className="text-base font-medium text-gray-900">Company</h3>
                 <ul role="list" className="mt-4 space-y-4">