refactor: remove LatestPodcasts component and replace with LatestPosts, updating loading states and skeleton card implementation

Author: Llewellyn500

app/page.tsx

@@ -1,8 +1,6 @@
 import Authors from "@/components/Authors/Authors";
-import LatestArticles from "@/components/LatestArticles/LatestArticles";
+import LatestArticles from "@/components/LatestPosts/LatestPosts";
 import NewsLoading from "@/components/NewsTicker/loading";
-import LatestPodcasts from "@/components/LatestPodcasts/LatestPodcasts";
-import LatestPodcastsLoading from "@/components/LatestPodcasts/loading";
 import AuthorsLoading from "@/components/Authors/loading";
 import NewsTicker from "@/components/NewsTicker/NewsTicker";
 import PageTitle from "@/components/PageTitle";

components/LatestPodcasts/LatestPodcasts.tsx

@@ -41,7 +41,7 @@ const formatDate = (date: string | Timestamp) => {
   });
 };
 
-export default function LatestArticles() {
+export default function LatestPosts() {
   const [articles, setArticles] = useState<Article[]>([]);
   const [loading, setLoading] = useState(true);