feat: Added footer component (#190)

* feat: Added footer component (#126)

* add/prepare component files

* make footer component basic

* improve FooterCopyright component

* add FooterLink component

* add/add FooterBrand Component

* add vertival align to FooterListGroup

* add/add footer icon component

* add/add FooterSitemapExample

* add/FooterSitemapLinks remained part

* add/add example

---------

Co-authored-by: Ilya Artamonov <hire@ilya-artamonov.ru>

* feat: Reworked footer component

* docs: Updated components section in README.md

---------

Co-authored-by: hirakei1203 <56023847+hirakei1203@users.noreply.github.com>

docs/components/footer/examples/FooterWithLogoExample.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="vp-raw">
+    <Footer footer-type="logo">
+      <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
+        <div class="sm:flex sm:items-center sm:justify-between">
+          <FooterBrand href="https://flowbite.com" src="https://flowbite.com/docs/images/logo.svg" alt="Flowbite Logo" name="Flowbite" />
+          <FooterLinkGroup class="flex flex-wrap items-center mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
+            <FooterLink href="/">About</FooterLink>
+            <FooterLink href="/">Privacy Policy</FooterLink>
+            <FooterLink href="/">Licensing</FooterLink>
+            <FooterLink href="/">Contact</FooterLink>
+          </FooterLinkGroup>
+        </div>
+        <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
+        <FooterCopyright href="/" by="Flowbite™" />
+      </div>
+    </Footer>
+  </div>
+</template>
+
+<script setup>
+import { Footer, FooterCopyright, FooterLinkGroup, FooterLink, FooterBrand } from '../../../../src/index'
+</script>