Major 3.0 (#118)

Co-authored-by: Maison da Silva <maisonmdsgreen@hotmail.com>

hooks/useStorageInfo.ts

@@ -0,0 +1,27 @@
+export default function useStorageInfo(): StorageInfoHook
+{
+	const [bytesInUse, setBytesInUse] = useState<number>(0);
+
+	useEffect(() =>
+	{
+		const updateValue = async () =>
+			setBytesInUse(await browser.storage.sync.getBytesInUse());
+
+		updateValue();
+		browser.storage.sync.onChanged.addListener(updateValue);
+		return () => browser.storage.sync.onChanged.removeListener(updateValue);
+	}, []);
+
+	return {
+		bytesInUse,
+		storageQuota: chrome.storage.sync.QUOTA_BYTES ?? 102400,
+		usedStorageRatio: bytesInUse / (chrome.storage.sync.QUOTA_BYTES ?? 102400)
+	};
+}
+
+export type StorageInfoHook =
+	{
+		bytesInUse: number;
+		storageQuota: number;
+		usedStorageRatio: number;
+	};