feat: testimonials improvements (#292)

Author: kkrishguptaa

src/components/Testimonials.jsx

@@ -1,4 +1,5 @@
 import Image from 'next/image'
+import Link from 'next/link'
 
 import { Container } from '@/components/Container'
 
@@ -9,17 +10,22 @@ const testimonials = [
         'Started contributing and building my GitHub profile and already got a job interview request based on my GitHub activity. So I really appreciate what you do here!',
       author: {
         name: 'emanuel_dev',
-        role: 'https://github.com/EmanuelGF',
-        image: 'https://github.com/EmanuelGF.png',
+        username: 'EmanuelGF'
       },
     },
+    {
+      content: 'EddieHub is like a family to me! We get really warm welcomes here! We get all our issues solved by each others\' #help :) We get our 🟩 treats here! EddieHub is awesome. By Awesome I mean Awesome! It is a 10/5 rating!',
+      author: {
+        name: 'Krish Gupta',
+        username: 'xkrishguptaa'
+      }
+    },
     {
       content:
         "EddieHub is like a family to me! We get really warm welcomes here! We get all our issues solved by each others' #help :) We get our 🟩 treats here! EddieHub is awesome. By Awesome I mean Awesome! It is a 10/5 rating!",
       author: {
         name: 'Vincent Villafuerte',
-        role: 'https://github.com/vinzvinci',
-        image: 'https://github.com/vinzvinci.png',
+        username: 'vinzvinci'
       },
     },
   ],
@@ -29,17 +35,15 @@ const testimonials = [
         "It's everything anyone could ever ask for in a community. Wholesome, Encouraging, Open Source and everything nice! Best thing happened in 2020. I'll be always thankful to this community and keep contributing here. It's beyond rating of 5 stars. 3000/5 ⭐",
       author: {
         name: 'Karuna Tata',
-        role: 'https://github.com/starlightknown',
-        image: 'https://github.com/starlightknown.png',
+        username: 'starlightknown'
       },
     },
     {
       content:
         'EddieHub is the best growing 🚀 Open-Source community. Here, you can help each other by raising issues, solving doubts on the help channel, show your work (projects), make good connections and so many things.I would recommend all beginners to join the most respectful, collaborative and loving Open-Source community.Thanks @eddiejaoude, we support you!',
       author: {
         name: 'akhileshthite',
-        role: 'https://github.com/akhileshthite',
-        image: 'https://github.com/akhileshthite.png',
+        username: 'akhileshthite'
       },
     },
   ],
@@ -49,17 +53,15 @@ const testimonials = [
         'Eddiehub has helped me to understand the importance of Open Source and how easy it is to collaborate with developers from around the world to work on different projects and learn from each other in an amazing community.',
       author: {
         name: 'Evavic44',
-        role: 'https://github.com/Evavic44',
-        image: 'https://github.com/Evavic44.png',
+        username: 'Evavic44'
       },
     },
     {
       content:
         "This is just an awesome community. This is the first community I have seen which puts collaboration first than the code. Collaborative people make a collaborative community and EddieHub is a perfect example of it 😄. I can't rate this community on the scale because priceless things can't be quantified ❤️",
       author: {
         name: 'Kaiwalya Koparkar',
-        role: 'https://github.com/kaiwalyakoparkar',
-        image: 'https://github.com/kaiwalyakoparkar.png',
+        username: 'kaiwalyakoparkar'
       },
     },
   ],
@@ -112,13 +114,13 @@ export function Testimonials() {
                             {testimonial.author.name}
                           </div>
                           <div className="mt-1 text-sm text-slate-500">
-                            {testimonial.author.role}
+                            <Link href={`https://github.com/${testimonial.author.username}`}>@{testimonial.author.username}</Link>
                           </div>
                         </div>
                         <div className="overflow-hidden rounded-full bg-slate-50">
                           <Image
                             className="h-14 w-14 object-cover"
-                            src={testimonial.author.image}
+                            src={'https://github.com/' + testimonial.author.username + '.png'}
                             alt=""
                             width={56}
                             height={56}