chore(bio): add developers bio according to github

src/pages/Developers.tsx

@@ -8,6 +8,7 @@ type Developer = {
   name: string | null;
   avatar_url: string;
   html_url: string;
+  bio: string | null; // Adding bio field
 };
 
 export default function Developers() {
@@ -15,7 +16,7 @@ export default function Developers() {
 
   useEffect(() => {
     const fetchDevelopers = async () => {
-      const githubUsernames = ["eshanized", "alokified", "utkarshift"]; // Replace with actual GitHub usernames
+      const githubUsernames = ["eshanized", "iconized", "alokified", "utkrshift"]; // Replace with actual GitHub usernames
       try {
         const developerData = await Promise.all(
           githubUsernames.map(async (username) => {
@@ -42,14 +43,14 @@ export default function Developers() {
         <div className="text-center mb-16">
           <h1 className="text-4xl font-bold text-gray-900 mb-4">Developers</h1>
           <p className="text-xl text-gray-600 max-w-3xl mx-auto">
-            Join the Kali Linux development community and contribute to the most advanced penetration testing distribution.
+            Join the Snigdha OS development community and contribute to the most advanced penetration testing distribution.
           </p>
         </div>
 
         {/* Meet the Developers Section */}
         <div className="bg-white rounded-lg shadow-lg p-8 mb-16">
           <h2 className="text-2xl font-bold mb-6">Meet the Developers</h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
             {developers.length > 0 ? (
               developers.map((developer) => (
                 <div key={developer.id} className="p-4 border border-gray-200 rounded-lg text-center">
@@ -60,11 +61,12 @@ export default function Developers() {
                   />
                   <h3 className="text-lg font-semibold">{developer.name || developer.login}</h3>
                   <p className="text-gray-600">@{developer.login}</p>
+                  <p className="text-gray-500 text-sm mt-2">{developer.bio || "No bio available."}</p>
                   <a
                     href={developer.html_url}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-[#754ffe] font-medium mt-2 inline-block"
+                    className="text-[#754ffe] font-medium mt-4 inline-block"
                   >
                     View Profile
                   </a>
@@ -75,52 +77,51 @@ export default function Developers() {
             )}
           </div>
         </div>
-
+        
         {/* Get Involved and Development Resources Section */}
-<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
-  {/* Get Involved Section */}
-  <div className="bg-white p-8 rounded-lg shadow-lg">
-    <Code className="h-12 w-12 text-[#754ffe] mb-4" />
-    <h2 className="text-2xl font-bold mb-4">Get Involved</h2>
-    <p className="text-gray-600 mb-6">
-      There are many ways to contribute to Kali Linux. Whether you're a developer, security researcher, or documentation writer, your contributions are valuable.
-    </p>
-    <ul className="space-y-3 text-gray-600">
-      <li className="flex items-center">
-        <GitBranch className="h-5 w-5 mr-2 text-[#754ffe]" />
-        Submit pull requests
-      </li>
-      <li className="flex items-center">
-        <MessageSquare className="h-5 w-5 mr-2 text-[#754ffe]" />
-        Report bugs
-      </li>
-      <li className="flex items-center">
-        <Users className="h-5 w-5 mr-2 text-[#754ffe]" />
-        Join discussions
-      </li>
-    </ul>
-  </div>
-
-  {/* Development Resources Section */}
-  <div className="bg-white p-8 rounded-lg shadow-lg">
-    <h2 className="text-2xl font-bold mb-4">Development Resources</h2>
-    <div className="space-y-4">
-      <a href="https://github.com/kali-linux" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
-        <h3 className="font-semibold mb-2">GitHub Repository</h3>
-        <p className="text-gray-600">Access our source code and contribute to development</p>
-      </a>
-      <a href="/docs/development" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
-        <h3 className="font-semibold mb-2">Development Documentation</h3>
-        <p className="text-gray-600">Learn about our development process and guidelines</p>
-      </a>
-      <a href="/community" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
-        <h3 className="font-semibold mb-2">Community Forums</h3>
-        <p className="text-gray-600">Discuss development topics with other contributors</p>
-      </a>
-    </div>
-  </div>
-</div>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
+          {/* Get Involved Section */}
+          <div className="bg-white p-8 rounded-lg shadow-lg">
+            <Code className="h-12 w-12 text-[#754ffe] mb-4" />
+            <h2 className="text-2xl font-bold mb-4">Get Involved</h2>
+            <p className="text-gray-600 mb-6">
+              There are many ways to contribute to Kali Linux. Whether you're a developer, security researcher, or documentation writer, your contributions are valuable.
+            </p>
+            <ul className="space-y-3 text-gray-600">
+              <li className="flex items-center">
+                <GitBranch className="h-5 w-5 mr-2 text-[#754ffe]" />
+                Submit pull requests
+              </li>
+              <li className="flex items-center">
+                <MessageSquare className="h-5 w-5 mr-2 text-[#754ffe]" />
+                Report bugs
+              </li>
+              <li className="flex items-center">
+                <Users className="h-5 w-5 mr-2 text-[#754ffe]" />
+                Join discussions
+              </li>
+            </ul>
+          </div>
 
+          {/* Development Resources Section */}
+          <div className="bg-white p-8 rounded-lg shadow-lg">
+            <h2 className="text-2xl font-bold mb-4">Development Resources</h2>
+            <div className="space-y-4">
+              <a href="https://github.com/kali-linux" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
+                <h3 className="font-semibold mb-2">GitHub Repository</h3>
+                <p className="text-gray-600">Access our source code and contribute to development</p>
+              </a>
+              <a href="/docs/development" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
+                <h3 className="font-semibold mb-2">Development Documentation</h3>
+                <p className="text-gray-600">Learn about our development process and guidelines</p>
+              </a>
+              <a href="/community" className="block p-4 border border-gray-200 rounded-lg hover:border-[#754ffe] transition-colors">
+                <h3 className="font-semibold mb-2">Community Forums</h3>
+                <p className="text-gray-600">Discuss development topics with other contributors</p>
+              </a>
+            </div>
+          </div>
+        </div>
 
         {/* Current Projects */}
         <div className="bg-white rounded-lg shadow-lg p-8 mb-16">