Fixed warnings and replaced meta image

src/components/Header/Header.tsx

@@ -7,7 +7,7 @@ type Props = {
   path: string;
 };
 
-const Header = ({ path }: Props) => {
+const Header = () => {
   const [dropdownOpen, setDropdownOpen] = useState(false);
 
   const handleToggleDropdown = () => {

src/components/Slider/slider.scss

@@ -47,7 +47,7 @@ $margin-top: 1.5rem;
         &.landing {
           width: 100%;
           height: 100%;
-          background: url('/slider/carousel_1.jpg');
+          background: url('../../assets/images/slider/carousel_1.jpg');
           background-position: center;
           background-size: cover;
 
@@ -83,7 +83,7 @@ $margin-top: 1.5rem;
         &.iecep-cares {
           width: 100%;
           height: 100%;
-          background: url('/slider/iecepcareslogo.jpg');
+          background: url('../../assets/images/slider/iecepcareslogo.jpg');
           background-position: center;
           background-size: cover;
 
@@ -125,7 +125,7 @@ $margin-top: 1.5rem;
         &.get-licensed {
           width: 100%;
           height: 100%;
-          background: url('/slider/carousel_3.jpg');
+          background: url('../../assets/images/slider/get_licensed.jpg');
           background-position: center;
           background-size: cover;
 

src/pages/shop.astro

@@ -13,8 +13,6 @@ import Layout from '../layouts/Layout.astro';
         width="500" 
         height="600" 
         style="border:none;overflow:hidden" 
-        scrolling="no" 
-        frameborder="0" 
         allowfullscreen="true" 
         allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
       </iframe>

src/styles/current-members.scss

@@ -1,4 +1,4 @@
-@import './variables.scss';
+@use './variables.scss' as *;
 
 .current-members-section {
   padding-block: 8rem;

src/styles/executive-committee.scss

@@ -1,4 +1,4 @@
-@import './variables.scss';
+@use './variables.scss' as *;
 
 .execomm-section {
   padding-block: 8rem;

src/styles/index.scss

@@ -1,12 +1,12 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 
-@import 'swiper/scss';
+@use 'swiper/scss';
-@import 'swiper/scss/navigation';
+@use 'swiper/scss/navigation';
-@import 'swiper/scss/pagination';
+@use 'swiper/scss/pagination';
 
-@import './variables.scss';
+@use './variables.scss' as *;
 
-@import '../layouts/layout.scss';
+@use '../layouts/layout.scss' as *;
 
 @import '../components/Footer/footer.scss';
 @import '../components/Header/header.scss';