Implementation of all the core features of the extension

[aashan10]

• communication channel between the facebook document and the extension application
• reactive storage so that everything can instantly update while also maiantaining persistance between sessions
• settings UI

[aashan10]

Idea behind the pull request

When I tried to scrape facebook for posts, I could not really do it because of the obfuscated class names and ids. To get the exact query string for everything we need from the document, we might need to adjust the query strings frequently. Also, the criteria for considering a post as needing attention also needs some configuration (for example, posts with reactions less than 10 might be considered posts needing attention)

So, considering all these things, I created a settings page with ask buddie brand colors (i took the primary color from the website) and images.

Work done so far:

• implementation of a reactive storage for storing arbitrary objects
• implementation of settings page
• implementation of a few ui components and hooks
• tailwind configuration
• content script for injecting script to the active tab's dom tree

[aashan10]

Added dark mode support for the extension with the base work being of #7

[aashan10]

Thanks to @subigya-js.

I have added your commits regarding the dark mode works into this pull request and made the necessary adjustments for it to work.

[aashan10]

Introduced strategies for parsing the content from dom element. This configurations allows each field to be parsed differently (for example author might be parsed using css query selectors whereas timestamp might be parsed using regular expressions).

[aashan10]

PS: If anyone has seen the "🚀 boost #boost" comment in fb, that is from the extension. Got me a rate limit in commenting posts, but at least we know that it works.

[aashan10]

@ashiishme have a look at this if you have time.