- implement tips on loading screen

- implement centralized sections
- removed react-spinner package

src/data/leftSections.js

@@ -0,0 +1,19 @@
+import { AiOutlineTwitter } from "react-icons/ai";
+import { MdPerson } from "react-icons/md";
+import Profile from "../components/builder/sections/Profile";
+import SocialNetwork from "../components/builder/sections/SocialNetwork";
+
+export default [
+  {
+    id: "profile",
+    name: "Profile",
+    icon: MdPerson,
+    component: Profile,
+  },
+  {
+    id: "social",
+    name: "Social Network",
+    icon: AiOutlineTwitter,
+    component: SocialNetwork,
+  },
+];

src/data/tips.js

@@ -0,0 +1,18 @@
+export const tips = [
+  "Create a professional email address.",
+  "Update your contact information.",
+  "Set your font size to 10-12 points.",
+  "Use reverse-chronological order.",
+  "Align your content to the left to make it skimmable.",
+  "Make strategic use of bold, caps, and italics.",
+  "Choose an attractive and readable font.",
+  "Only add jobs you’ve had in the past 10-15 years.",
+  "Give your sections simple subheadings.",
+  "Include URLs to social media profiles, personal websites, and your blog.",
+];
+
+export const getRandomTip = () => {
+  const tip = tips[Math.floor(Math.random() * tips.length)];
+  const index = tips.indexOf(tip) + 1;
+  return `Tip #${index}: ${tip}`;
+};