Feat(footer): add tiktok icon

Author: NaveenB2004

src/components/layout/footer.jsx

@@ -1,6 +1,16 @@
 import { AiFillFacebook, AiFillInstagram, AiFillLinkedin, AiFillYoutube, AiOutlineTwitter } from "react-icons/ai";
+import { FaTiktok } from "react-icons/fa";
 import { twMerge } from "tailwind-merge";
-import { facebook, instagram, linkedIn, repositoryLink, sliitFossMainWebsite, twitter, youTube } from "@/constants";
+import {
+  facebook,
+  instagram,
+  linkedIn,
+  repositoryLink,
+  sliitFossMainWebsite,
+  tikTok,
+  twitter,
+  youTube
+} from "@/constants";
 import { Bashaway, FOSS } from "@sliit-foss/bashaway-ui/icons";
 
 const usefulLinks = [
@@ -48,6 +58,9 @@ const Footer = ({ className }) => {
               <a href={youTube} target="_blank" className="icon-hover" rel="noreferrer" aria-label="YouTube">
                 <AiFillYoutube className="h-[1.36rem] w-[1.36rem] -translate-y-[0.06rem]" />
               </a>
+              <a href={tikTok} target="_blank" className="icon-hover" rel="noreferrer" aria-label="TikTok">
+                <FaTiktok className="h-[1.15rem] w-[1.15rem]" />
+              </a>
             </div>
           </div>
           <div className="flex flex-col items-center md:items-end -translate-y-1.5 mb-5 gap-8 md:gap-10">

src/constants/socials.js

@@ -4,3 +4,4 @@ export const instagram = "https://www.instagram.com/sliitfoss/";
 export const linkedIn = "https://www.linkedin.com/company/sliit-foss-community";
 export const youTube = "https://youtube.com/@SLIITFOSSCommunity";
 export const github = "https://github.com/sliit-foss";
+export const tikTok = "https://www.tiktok.com/@sliit.foss?_t=ZS-901S3aoXg4O&_r=1";