move slick caraousel theme to global

Signed-off-by: Shivam Gupta <[email protected]>

Author: ShivamCoder23

Diff for: gatsby-browser.js

@@ -1,4 +1,6 @@
 import "./fonts.css";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
 
 document.addEventListener("DOMContentLoaded", () => {
   /** init gtm after 3500 seconds - this could be adjusted */

Diff for: gatsby-config.js

@@ -17,7 +17,6 @@ module.exports = {
   },
   trailingSlash: "never",
   plugins: [
-    "@mediacurrent/gatsby-plugin-silence-css-order-warning",
     {
       resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
       options: {

Diff for: gatsby-node.js

@@ -9,7 +9,6 @@ const path = require("path");
 const slugify = require("./src/utils/slugify");
 const { paginate } = require("gatsby-awesome-pagination");
 const { createFilePath } = require("gatsby-source-filesystem");
-const FilterWarningsPlugin = require("webpack-filter-warnings-plugin");
 const config = require("./gatsby-config");
 const {
   componentsData,
@@ -988,14 +987,6 @@ exports.onCreateWebpackConfig = ({ actions, stage, getConfig }) => {
       },
     },
   });
-  actions.setWebpackConfig({
-    plugins: [
-      new FilterWarningsPlugin({
-        exclude:
-          /mini-css-extract-plugin[^]*Conflicting order. Following module has been added:/,
-      }),
-    ],
-  });
 
   if (stage === "build-javascript") {
     const config = getConfig();

Diff for: src/components/Related-Posts/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Link } from "gatsby";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";

Diff for: src/components/Related-Resources/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Link } from "gatsby";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";

Diff for: src/sections/Community/slider.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import Slider from "react-slick";
 import styled from "styled-components";

Diff for: src/sections/Home/Partners-home/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Container, Row } from "../../../reusecore/Layout";
 import SectionTitle from "../../../reusecore/SectionTitle";

Diff for: src/sections/Home/So-Special-Section/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import Slider from "react-slick";
 import SoSpecialWrapper from "./so-special-style";

Diff for: src/sections/Learn/Books-grid/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { graphql, useStaticQuery } from "gatsby";
 import PageHeader from "../../../reusecore/PageHeader";

Diff for: src/sections/Learn/LearnPage-Sections/workshops.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { graphql, useStaticQuery, Link } from "gatsby";
 import { Row, Col } from "../../../reusecore/Layout";

Diff for: src/sections/Meshery/Features-section/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Row, Col } from "../../../reusecore/Layout";
 import Button from "../../../reusecore/Button";

Diff for: src/sections/Meshery/Meshery-integrations/Integration.style.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import styled from "styled-components";
 import Slider from "react-slick";
 

Diff for: src/sections/Meshery/meshery-operator/index.js

@@ -1,6 +1,5 @@
 
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";import React from "react";
+import React from "react";
 import { StaticImage } from "gatsby-plugin-image";
 
 

Diff for: src/sections/Pricing/review-slider.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import styled from "styled-components";
 import Customers from "../../reusecore/Blockquote/Blockquote-image";

Diff for: src/sections/Projects/Image-Hub/index.js

@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";