pkp/pkp-lib#9890 Remove app__nav css in Page container vue

src/components/Container/Page.vue

@@ -371,73 +371,6 @@ export default {
 	align-items: stretch;
 }
 
-.app__nav {
-	flex: 0 0 15rem;
-	padding-top: 1.5rem;
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-	font-size: @font-sml;
-	line-height: 1.5rem;
-
-	ul {
-		margin: 0;
-		padding: 0;
-		list-style: none;
-	}
-}
-
-.app__navGroup {
-	margin-top: 2rem;
-	margin-bottom: 2rem;
-}
-
-.app__navItem {
-	display: inline-block;
-	padding: 0.25rem 0.5rem;
-	color: @bg-anchor;
-
-	.app__navItem {
-		padding-left: 0;
-		padding-right: 0;
-	}
-}
-
-.app__navItem--hasSubmenu {
-	font-weight: @bold;
-}
-
-a.app__navItem {
-	text-decoration: none;
-
-	&:hover {
-		color: @primary;
-	}
-
-	&:focus {
-		box-shadow: 0 0 0 1px @primary;
-		border-radius: @radius;
-		outline: 0;
-		color: @bg-anchor;
-	}
-}
-
-a.app__navItem--isCurrent {
-	background: @bg-anchor;
-	border-radius: @radius;
-	font-weight: bold;
-	color: #fff;
-
-	&:hover {
-		color: #fff;
-	}
-
-	&:focus {
-		box-shadow: none;
-		background: @primary;
-		color: #fff;
-	}
-}
-
 .app__main {
 	padding: 1rem;
 	width: 100%;

src/components/SideMenu/SideMenu.vue

@@ -193,7 +193,7 @@ a.text-on-dark:active {
 	color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-/* In this case we need to set the font-color of the <a data-pc-section="itemlink"> if the current focus is in the header section */
+/* In this case we need to set the font-color of the <a data-pc-section="itemlink"> if the current focus is in the <div data-pc-section="header"> */
 div[data-pc-section='header']:focus-visible a {
 	@apply text-on-dark;
 }