I downloaded the HTML Demo50 and the project is broken. What's the use of having a bunch of templates if they're broken?

Baixei o HTML Demo50 e o projeto esta quebrado. De que adianta ter um monte de template se estão quebrados?

Ps.: Recompilei para testar e mesmo coisa!

metronic_html_v8.1.8_demo50

Dependencias invalidas!
NPM Install:
npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: metronic@8.1.8
npm ERR! Found: @popperjs/core@2.11.6
npm ERR! node_modules/@popperjs/core
npm ERR! @popperjs/core@"2.11.6" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @popperjs/core@"^2.11.7" from bootstrap@5.3.0-alpha3
npm ERR! node_modules/bootstrap
npm ERR! bootstrap@"5.3.0-alpha3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! /Users/rc/.npm/_logs/2023-04-14T17_18_36_331Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/rc/.npm/_logs/2023-04-14T17_18_36_331Z-debug-0.log


Pages (PHP?)

<div class="page-entry d-flex flex-column flex-row-fluid" data-kt-swapper="true" data-kt-swapper-mode="{default: "prepend", lg: "prepend"}" data-kt-swapper-parent="{default: "#kt_app_toolbar_container", lg: "#kt_app_navbar_wrapper"}">
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-base my-1 &lt;br /> &lt;font size="1">&lt;table class="xdebug-error xe-warning" dir="ltr" border="1" cellspacing="0" cellpadding="1"> &lt;tr>&lt;th align="left" bgcolor="#f57900" colspan=">
<span style="background-color: #cc0000; color: #fce94f; font-size: x-large;">( ! )</span>Warning: Undefined variable $direction in C:\wamp64\www\keenthemes\themes\metronic\html\demo50\dist\view\layout\partials\header\_page-title.php on line
<i>16</i>