refactor(layout component + sub components): refactor layout - extract sidebar, search etc (#11)

Extract Sidebar, search, userDropdown, Notifications from Layout component

src/components/Layout/Notifications/index.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+const Notifications: React.FC = () => {
+  return (
+    <button
+      className="p-1 text-gray-400 rounded-full hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:shadow-outline focus:text-gray-500"
+      aria-label="Notifications"
+    >
+      <svg
+        className="h-6 w-6"
+        stroke="currentColor"
+        fill="none"
+        viewBox="0 0 24 24"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+        />
+      </svg>
+    </button>
+  );
+};
+
+export default Notifications;