get first name from author name

Author: nemanjam

src/components/Footer.astro

@@ -8,7 +8,8 @@ import { getLatestCommitInfo } from '@/libs/git';
 import { shortDate } from '@/utils/datetime';
 import { limitString, trimHttpProtocol } from '@/utils/strings';
 
-const { SITE_URL, AUTHOR_EMAIL, AUTHOR_GITHUB, AUTHOR_LINKEDIN, REPO_URL } = CONFIG_CLIENT;
+const { SITE_URL, AUTHOR_EMAIL, AUTHOR_GITHUB, AUTHOR_LINKEDIN, AUTHOR_NAME, REPO_URL } =
+  CONFIG_CLIENT;
 const domain = trimHttpProtocol(SITE_URL);
 const messageLength = 15 as const;
 
@@ -19,6 +20,8 @@ const commitUrl = `${REPO_URL}/commit/${fullHash}`;
 const shortDateStr = shortDate(new Date(time));
 const trimmedMessage = limitString(message, messageLength);
 
+const firstName = AUTHOR_NAME.split(' ')[0];
+
 // footer is full width for border, div has max-w
 ---
 
@@ -46,7 +49,7 @@ const trimmedMessage = limitString(message, messageLength);
         <li>
           <Link
             href={`mailto:${AUTHOR_EMAIL}`}
-            title="Nemanja's email"
+            title={`${firstName}'s email`}
             target="_blank"
             rel="me noreferrer noopener"
             class="flex items-center gap-2 text-base xs:text-lg"
@@ -61,7 +64,7 @@ const trimmedMessage = limitString(message, messageLength);
             href={AUTHOR_GITHUB}
             target="_blank"
             rel="me noreferrer noopener"
-            title="@nemanjam on Github"
+            title={`${firstName} on Github`}
             class="flex items-center gap-2 text-base xs:text-lg"
             variant="nav"
           >
@@ -74,7 +77,7 @@ const trimmedMessage = limitString(message, messageLength);
             href={AUTHOR_LINKEDIN}
             target="_blank"
             rel="me noreferrer noopener"
-            title="Nemanja on LinkedIn"
+            title={`${firstName} on LinkedIn`}
             class="flex items-center gap-2 text-base xs:text-lg"
             variant="nav"
           >