Added Github Workflow for Greeting contributor on their first PR merge

.github/workflows/greet_on_first_merge.yml

@@ -0,0 +1,38 @@
+name: Greet on User First PR Merge
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  greet:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/github-script@v4
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const prNumber = context.payload.pull_request.number;
+            const authorLogin = context.payload.pull_request.user.login;
+
+            const firstPR = await github.issues.listForRepo({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              pull_requests: {
+                state: 'closed',
+                author: authorLogin,
+              },
+            });
+
+            console.log(firstPR.data.length); 
+
+            if (firstPR.data.length === 1) {
+              const greetingMessage = ` Congratulations, @${authorLogin}! This is your first pull request merge. Thank you for your contribution! `;
+
+              await github.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: prNumber,
+                body: greetingMessage
+              });
+            }

components/Layout.tsx

@@ -174,11 +174,13 @@ const MainNavigation = () => {
   )
 }
 
-const MobileNav = () => {
+const MobileNav: React.FC = () => {
   const section = useContext(SectionContext)
+
+  const marginTopClass = section !== 'tools' && section !== 'blog' ? 'mt-16' : '';
 
   return (
-    <div className='flex flex-col justify-end fixed shadow-xl bg-white w-full  z-[190] mt-16 left-0 pl-8'>
+    <div className={`flex flex-col justify-end fixed shadow-xl bg-white w-full  z-[190] left-0 pl-8 ${marginTopClass}`}>
       <MainNavLink
         uri='/specification'
         label='Specification'