fix: rm force unwrap, conditionally render component

getLocaleTimestamp requires a date string but was occasionally getting an empty string or undefined; this confirms a value exists for the argument before rendering the component that makes this function call

Author: wackerow

src/components/Footer.tsx

@@ -298,10 +298,12 @@ const Footer = ({ lastDeployDate }: FooterProps) => {
         alignItems="center"
         flexWrap="wrap"
       >
-        <Box color="text200">
-          <Translation id="website-last-updated" />:{" "}
-          {getLocaleTimestamp(locale as Lang, lastDeployDate!)}
-        </Box>
+        {lastDeployDate && (
+          <Box color="text200">
+            <Translation id="website-last-updated" />:{" "}
+            {getLocaleTimestamp(locale as Lang, lastDeployDate)}
+          </Box>
+        )}
         <Box my={4}>
           {socialLinks.map((link, idk) => {
             return (

src/layouts/Static.tsx

@@ -119,13 +119,15 @@ export const StaticLayout = ({
           ) : (
             <>
               <Breadcrumbs slug={slug} mb="8" />
-              <Text
-                color="text200"
-                dir={isLangRightToLeft(locale as Lang) ? "rtl" : "ltr"}
-              >
-                <Translation id="page-last-updated" />:{" "}
-                {getLocaleTimestamp(locale as Lang, lastUpdatedDate!)}
-              </Text>
+              {lastUpdatedDate && (
+                <Text
+                  color="text200"
+                  dir={isLangRightToLeft(locale as Lang) ? "rtl" : "ltr"}
+                >
+                  <Translation id="page-last-updated" />:{" "}
+                  {getLocaleTimestamp(locale as Lang, lastUpdatedDate)}
+                </Text>
+              )}
             </>
           )}
 

src/layouts/Upgrade.tsx

@@ -9,6 +9,7 @@ import {
   Icon,
   List,
   ListItem,
+  Skeleton,
   Text,
   useToken,
 } from "@chakra-ui/react"
@@ -193,10 +194,12 @@ export const UpgradeLayout = ({
               ))}
             </List>
           </Box>
-          <LastUpdated>
-            {t("common:page-last-updated")}:{" "}
-            {getLocaleTimestamp(locale as Lang, lastUpdatedDate!)}
-          </LastUpdated>
+          {lastUpdatedDate && (
+            <LastUpdated>
+              {t("common:page-last-updated")}:{" "}
+              {getLocaleTimestamp(locale as Lang, lastUpdatedDate)}
+            </LastUpdated>
+          )}
         </TitleCard>
         {frontmatter.image && (
           <Image

src/pages/developers/tutorials.tsx

@@ -473,8 +473,8 @@ const TutorialPage = ({
               </Flex>
               <Text color="text200" fontSize="sm" textTransform="uppercase">
                 <Emoji text=":writing_hand:" fontSize="sm" me={2} />
-                {tutorial.author} •
-                {published(locale!, tutorial.published ?? "")}
+                {tutorial.author}
+                {tutorial.published && " • " + published(locale!, tutorial.published)}
                 {tutorial.timeToRead && (
                   <>
                     {" "}