Clicking the CCSS Logo and name in footer should link to CCSS website

[MathyouMB]

As a visitor, I want to be able to click the CCSS logo or name in the footer to navigate to the official CCSS website so I can learn more about the organization behind the project repository.

---

🧠 Context

Currently, the CCSS logo and name appear in both the header and footer, but they are not clickable. It’s common UX to have the logo link back to the organization’s main site.

We want to update both:

• src/components/Header/Header.tsx
• src/components/Footer/Footer.tsx

To link the logo (and optionally the name) to:

https://carletoncomputersciencesociety.ca

---

🛠️ Implementation Plan

1. Wrap the logo in an anchor tag

   • In both header and footer, wrap the <img src="/ccss-logo-2022.png" /> (or any surrounding branding) in:

     <a href="https://carletoncomputersciencesociety.ca" target="_blank" rel="noopener noreferrer">
       <img ... />
     </a>

2. Optionally wrap the text name as well

   • If there's a text label (e.g. “Carleton Computer Science Society”), make that clickable too

3. Test for styling

   • Ensure the link does not break alignment or cause unwanted visual changes
   • Test in both light and dark mode

---

✅ Acceptance Criteria

• In Header.tsx, the CCSS logo links to the official CCSS website
• In Footer.tsx, the CCSS logo and/or name links to the same site
• The link opens in a new tab (target="_blank")
• Styling and spacing remain consistent after wrapping the element in a link