[doc] Update documentation with new branding changes

apps/website/screens/foundations/iconography/IconographyPage.tsx

@@ -4,7 +4,7 @@ import DocFooter from "@/common/DocFooter";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import Figure from "@/common/Figure";
 import Image from "@/common/Image";
-import iconsHalstack from "./images/icons_halstack.jpg";
+import iconsHalstack from "./images/icons_halstack.png";
 import materialIcons from "./images/material_icons.png";
 import customIncorrect from "./images/custom_incorrect.jpg";
 import customCorrect from "./images/custom_correct.jpg";

apps/website/screens/foundations/layout/Layout.tsx

@@ -5,10 +5,10 @@ import Image from "@/common/Image";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import Link from "next/link";
 import layoutStructure from "./images/layoutStructure.png";
-import anatomyColumns from "./images/anatomyColumns.jpg";
-import anatomyGutter from "./images/anatomyGutter.jpg";
-import anatomyMargin from "./images/anatomyMargin.jpg";
-import pageStructure from "./images/pageStructure.jpg";
+import anatomyColumns from "./images/anatomyColumns.png";
+import anatomyGutter from "./images/anatomyGutter.png";
+import anatomyMargin from "./images/anatomyMargin.png";
+import pageStructure from "./images/pageStructure.png";
 import Code from "@/common/Code";
 import Figure from "@/common/Figure";
 

apps/website/screens/foundations/tokens/TokensPage.tsx

@@ -5,7 +5,7 @@ import PageHeading from "@/common/PageHeading";
 import DxcQuickNavContainer from "@/common/QuickNavContainer";
 import { DxcAlert, DxcBulletedList, DxcFlex, DxcHeading, DxcLink, DxcParagraph } from "@dxc-technology/halstack-react";
 import Link from "next/link";
-import componentTokens from "./images/component_tokens.gif";
+import componentTokens from "./images/component_tokens.png";
 
 const sections = [
   {