Change Principles to Guidelines and add Themes there

Author: PelayoFelgueroso

apps/website/screens/common/pagesList.tsx

@@ -36,9 +36,11 @@ const utilitiesLinks: LinkDetails[] = [
   },
 ];
 
-const principlesLinks: LinkDetails[] = [
-  { label: "Data visualization", path: "/principles/data-visualization", icon: "insert_chart" },
-  { label: "Localization", path: "/principles/localization", icon: "language" },
+const guidelinesLinks: LinkDetails[] = [
+  { label: "Data visualization", path: "/guidelines/data-visualization", icon: "insert_chart" },
+  { label: "Localization", path: "/guidelines/localization", icon: "language" },
+  // TODO: update icon
+  { label: "Themes", path: "/guidelines/themes", icon: "format_paint" },
 ];
 
 const tokensLinks: LinkDetails[] = [
@@ -56,7 +58,6 @@ const foundationsLinks: (LinkDetails | LinksSectionDetails)[] = [
   { label: "Spacing", path: "/foundations/spacing", icon: "space_bar" },
   { label: "Tokens", links: tokensLinks, icon: "token" },
   { label: "Typography", path: "/foundations/typography", icon: "font_download" },
-  { label: "Themes", path: "/foundations/themes", icon: "format_paint" },
 ];
 
 const v16Links: LinkDetails[] = [
@@ -71,7 +72,7 @@ const componentsLinks = componentsList as (LinkDetails | LinksSectionDetails)[];
 
 export const LinksSections: LinksSectionDetails[] = [
   { label: "Overview", links: overviewLinks },
-  { label: "Principles", links: principlesLinks },
+  { label: "Guidelines", links: guidelinesLinks },
   { label: "Foundations", links: foundationsLinks },
   { label: "Migration", links: migrationLinks },
   { label: "Utilities", links: utilitiesLinks },