Add Instagram between Medium and LinkedIn at the bottom of the page

[vemurikarthik]

torvalds.dev is analyzing the ticket

[vemurikarthik]

Based on the provided code, the task is to add an Instagram icon between the Medium and LinkedIn icons at the bottom of the page. Here's a plan to achieve this:

1. Identify the relevant files and components: The file src/components/Footer/index.tsx contains the code for the footer of the page where the social media icons are located. This is the file we need to modify.

2. Add the Instagram icon: We need to add a new SocialLink component for Instagram in the FooterContainer section of the Footer component. This new SocialLink should be placed between the Medium and LinkedIn links.

3. Update the styles if necessary: If the Instagram icon needs specific styling, we may need to update the src/components/Footer/styles.ts file.

Here's the code snippet to add the Instagram icon:

<FooterContainer>
  <SocialLink
    href="https://github.com/Adrinlol/create-react-app-adrinlol"
    src="github.svg"
  />
  <SocialLink
    href="https://twitter.com/Adrinlolx"
    src="twitter.svg"
  />
  <SocialLink
    href="https://www.linkedin.com/in/lasha-kakabadze/"
    src="linkedin.svg"
  />
  <SocialLink
    href="https://www.instagram.com/yourinstagramhandle/"
    src="instagram.svg"
  />
  <SocialLink
    href="https://medium.com/@lashakakabadze/"
    src="medium.svg"
  />
  <a
    href="https://ko-fi.com/Y8Y7H8BNJ"
    target="_blank"
    rel="noopener noreferrer"
  >
    <img
      height="36"
      style={{ border: 0, height: 36 }}
      src="https://storage.ko-fi.com/cdn/kofi3.png?v=3"
      alt="Buy Me a Coffee at ko-fi.com"
    />
  </a>
</FooterContainer>

Please replace "https://www.instagram.com/yourinstagramhandle/" with the actual Instagram URL and make sure the instagram.svg icon is available in your project.