Remove unused SCSS and refactor hovers into single CSS class

Author: NikolasKataja

frontend-next-migration/src/preparedPages/EthicalGuidelinesPage/ui/EthicalGuidelinesPage.module.scss

@@ -2,7 +2,6 @@
 import { ScrollTop } from '@/features/ScrollTop';
 import { classNames } from '@/shared/lib/classNames/classNames';
 import { WikiContentWithSidebar } from '@/shared/ui/v2/WikiContentWithSidebar';
-import cls from './EthicalGuidelinesPage.module.scss';
 
 interface Section {
     id: string;
@@ -24,7 +23,7 @@ const EthicalGuidelinesPage = (props: Props) => {
     const { sections = [], title } = props;
 
     return (
-        <div className={classNames(cls.pageContainer)}>
+        <div>
             <WikiContentWithSidebar
                 sections={sections}
                 title={title}

frontend-next-migration/src/preparedPages/EthicalGuidelinesPage/ui/EthicalGuidelinesPage.tsx

@@ -16,25 +16,16 @@
   cursor: pointer;
 }
 
-.resetCookies:hover {
-  text-decoration: underline;
-  color: orange;
-}
-.cookies:hover {
-  text-decoration: underline;
-  color: orange;
-}
-.privacy:hover {
-  text-decoration: underline;
-  color: orange;
+.linkHover {
+  &:hover {
+    text-decoration: underline;
+    color: orange;
+  }
 }
+
 .ethics {
   white-space: nowrap;
 }
-.ethics:hover {
-  text-decoration: underline;
-  color: orange;
-}
 
 .RightContainer {
   display: flex;

frontend-next-migration/src/widgets/Footer/ui/Rights/Rights.module.scss

@@ -27,25 +27,25 @@ export const Rights = memo((props: RightsProps) => {
             <div className={cls.RightContainer}>
                 <p className={cls.RightLinkContainer}>
                     <AppLink
-                        className={cls.cookies}
+                        className={classNames(cls.cookies, {}, [cls.linkHover])}
                         to={getRouteCookiesPage()}
                     >
                         {cookies}
                     </AppLink>{' '}
                     <AppLink
-                        className={cls.privacy}
+                        className={classNames(cls.privacy, {}, [cls.linkHover])}
                         to={getRoutePrivacyPage()}
                     >
                         {privacy}
                     </AppLink>
                     <span
                         onClick={handleResetCookies}
-                        className={cls.resetCookies}
+                        className={classNames(cls.resetCookies, {}, [cls.linkHover])}
                     >
                         {consent}
                     </span>
                     <AppLink
-                        className={cls.ethics}
+                        className={classNames(cls.ethics, {}, [cls.linkHover])}
                         to={getRouteEthicalGuidelinesPage()}
                     >
                         {ethics}