Merge pull request #2070 from Sam-61s/fix/footer-external-links

fix: Add target="_blank" and security attributes to footer external links

Author: Utkarsh-123github

components/Layout.tsx

@@ -353,6 +353,8 @@ const Footer = () => (
         <div className='flex flex-col text-center sm:text-left'>
           <a
             href='https://opencollective.com/json-schema'
+            target='_blank'
+            rel='noopener noreferrer'
             className='text-white mb-2 transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             Open Collective
@@ -371,6 +373,8 @@ const Footer = () => (
         <div className=''>
           <a
             href='https://json-schema.org/slack'
+            target='_blank'
+            rel='noopener noreferrer'
             className='flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             <Image
@@ -386,6 +390,8 @@ const Footer = () => (
         <div className=''>
           <a
             href='https://x.com/jsonschema'
+            target='_blank'
+            rel='noopener noreferrer'
             className='flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             <Image
@@ -401,6 +407,8 @@ const Footer = () => (
         <div className=''>
           <a
             href='https://linkedin.com/company/jsonschema/'
+            target='_blank'
+            rel='noopener noreferrer'
             className='flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             <Image
@@ -416,6 +424,8 @@ const Footer = () => (
         <div className=''>
           <a
             href='https://www.youtube.com/@JSONSchemaOrgOfficial'
+            target='_blank'
+            rel='noopener noreferrer'
             className='flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             <Image
@@ -431,6 +441,8 @@ const Footer = () => (
         <div className=''>
           <a
             href='https://github.com/json-schema-org'
+            target='_blank'
+            rel='noopener noreferrer'
             className='flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
           >
             <Image