Add developer socialmedia lnks to scial icons in footer area

**Issue Description: Add Developer Social Media Links to Social Icons in Footer Area**

**Objective:**
Improve the visibility and accessibility of the developers' social media profiles by linking the social media icons in the footer area of the PassLink application to the respective profiles.

**Current Situation:**
The social media icons in the footer area are currently either non-functional or not linked to the developers' social media profiles.

**Proposed Solution:**
Update the social media icons in the footer area to include links to the developers' social media profiles, such as LinkedIn, GitHub, Twitter, and any other relevant platforms.

**Benefits:**
- Increased exposure for the developers and their professional profiles.
- Enhanced networking opportunities for the development team.
- Improved transparency and credibility for the PassLink application by showcasing the developers behind the project.

**Implementation Steps:**
1. Identify the social media icons in the footer component of the application.
2. Gather the URLs for the developers' social media profiles.
3. Update the footer component to include anchor tags around the social media icons with the respective URLs.
4. Ensure the links open in a new tab for better user experience.
5. Test the links to confirm they correctly navigate to the developers' social media profiles.

**Expected Outcome:**
The social media icons in the footer area will be functional and linked to the developers' social media profiles, providing users with easy access to learn more about the development team and their professional backgrounds.

---

Here's an example of how you might implement the updated footer component:

**Footer Component (FooterSection.js):**
```javascript
import React from 'react';
import '../stylesheets/desktop/footersection.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
faLinkedin,
faGithub,
faTwitter,
} from '@fortawesome/free-brands-svg-icons';

function FooterSection() {
return (

);
}

export default FooterSection;
```

**Footer CSS (footersection.css):**
```css
.footer-section {
padding: 20px;
background-color: #333;
color: #fff;
text-align: center;
}

.social-media-icons {
margin: 10px 0;
}

.social-media-icons a {
margin: 0 10px;
color: #fff;
font-size: 24px;
}

.social-media-icons a:hover {
color: #1da1f2; /* Example hover color */
}
```

Replace the URLs with the actual URLs of the developers' social media profiles.