fix: added instrcution on landing page and github star badge

Author: technikhil314

components/navbar.vue

@@ -43,6 +43,10 @@
 
       <div class="flex items-center justify-between flex-1">
         <div class="items-center">
+          <img
+            src="https://img.shields.io/github/stars/technikhil314/offline-diff-viewer?style=social"
+            alt=""
+          />
           <slot name="left" />
         </div>
         <div class="items-center">

pages/index.vue

@@ -2,7 +2,10 @@
   <div class="w-full h-full">
     <Navbar />
     <div class="h-full">
-      <main class="h-full mt-24 xl:container">
+      <main class="flex flex-wrap h-full mt-20 xl:container">
+        <p class="w-full mb-2 text-xl text-center">
+          Insert your data below to find the difference in them
+        </p>
         <form @submit="checkForm" class="w-full h-full">
           <div class="flex flex-wrap w-full h-full gap-4">
             <textarea